/* Events Option 1 */
.cms-events-option-1 { margin: 1.5625rem 0; }
.cms-events-option-1 ul { margin: 0; padding: 0; }
.cms-events-option-1 ul li { list-style: none; margin: 0 0 1.5625rem; }
.cms-events-option-1 ul li:last-child { border: none; }
.cms-events-option-1 .media-img-link { width: 12.5rem; display: block; position: relative; border-radius: 0.3125rem; }
.cms-events-option-1 .media-img-link.no-photo { min-height: 9.375rem; }
.cms-events-option-1 .media-img-link.no-photo:hover .date { background: rgba(0,0,0,0.8); }
.cms-events-option-1 .media-img-link:hover .date { background: rgba(0,0,0,0.0); }
.cms-events-option-1 .event-img-wrap { width: 12.5rem; position: relative; z-index: 1; padding-bottom: 60%; border-radius: 0.3125rem; }
.cms-events-option-1 .event-img-wrap > div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.cms-events-option-1 .date { font-size: 1.125rem; color: hsl(var(--white)); line-height: normal; text-align: center; z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); transition: all .25s ease-in-out; border-radius: 0.3125rem; }
.cms-events-option-1 .date span.date-wrap { position: absolute; top: 30%; left: 0; right: 0; border-radius: 0.3125rem; text-align: center; }
.cms-events-option-1 .date em { font-size: 1.875rem; display: block; font-style: normal; }
.cms-events-option-1 .media-body { width: 100%; padding: 0.625rem 0.9375rem; }
.cms-events-option-1 .event-info { font-size: 1rem; padding: 0.1875rem 0; margin: 0 0 0.625rem; border-top: 0.0625rem rgba(0,0,0,0.1) solid; border-bottom: 0.0625rem rgba(0,0,0,0.1) solid; }
.cms-events-option-1 span.start-date,
.cms-events-option-1 span.end-date { display: inline-block; padding-left: 0.625rem; }
.cms-events-option-1 span.end-date b { position: relative; top: 1.0625rem; left: -0.375rem; }

/* Recurring Events */
.month-tabs .nav-item.active a { background: hsl(var(--siteColor1)); border: 0.0625rem solid transparent; color: hsl(var(--white)); }
.month-tabs .nav-item a { cursor: pointer; }
.month-tabs .nav-item a:hover { background: hsl(0, 0%, 74%); border: 0.0625rem solid transparent; }

/* Event Calendar */
.event-calendar { margin-bottom: 1.25rem; }
.event-calendar .select-month { display: inline-block; vertical-align: middle; width: 9.375rem; margin-left: 0.625rem; }
.event-calendar .select-year { display: inline-block; vertical-align: middle; width: 6.25rem; }
.event-calendar .big-cal tr { display: flex; flex-wrap: wrap; }
.event-calendar .big-cal th,
.event-calendar .big-cal td { width: calc(100% / 7); min-height: 6.25rem; padding: 0.5rem; }
.event-calendar .big-cal td .label { display: block; width: 1.5rem; margin: 0; padding: 0.125rem; border-radius: 0.125rem; white-space: normal; font-size: 0.875rem; color: hsl(var(--white)); line-height: 1; text-align: center; }
.event-calendar .big-cal td label { display: block; width: auto; margin-top: 0.125rem; white-space: normal; line-height: 1; }
.event-calendar .big-cal td label.label { width: auto; }
.label-primary { background: hsl(210, 100%, 20%); }
@media(max-width:767px){
  .event-calendar .big-cal .table-head { display: none; }
  .event-calendar .big-cal td { width: 100%; min-height: 4rem; }
  .event-calendar .big-cal td.hdnvcgray { display: none; }
}

.event-calendar .text { font-size: 0.8125rem; color: hsl(120, 1%, 45%); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; }
.event-calendar .text a { color: hsl(215, 57%, 45%); text-decoration: none; }
.event-calendar .text a:hover { color: hsl(215, 57%, 45%); text-decoration: underline; }
.event-calendar .textsm { font-size: 0.625rem; color: hsl(var(--black)); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; }
.event-calendar .textsmsm { font-size: 0.5625rem; color: hsl(var(--black)); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.event-calendar .textsmsm a { display: block; color: hsl(0, 0%, 51%); }
.event-calendar .textsmsm a:hover { background: hsl(213, 63%, 80%); color: hsl(var(--black)); }
.event-calendar .textbold { font-size: 0.8125rem; color: hsl(var(--black)); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
.event-calendar .textheading { font-size: 1rem; color: hsl(120, 2%, 33%); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.event-calendar .textheadingbold { font-size: 1rem; color: hsl(120, 2%, 33%); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }

.event-calendar a.textlink { font-size: 0.8125rem; color: hsl(var(--black)); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.event-calendar a.textlink2 { font-size: 0.8125rem; color: hsl(0, 60%, 50%); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.event-calendar a.callink { font-size: 0.625rem; color: hsl(var(--black)); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.event-calendar a.callinkbold { font-size: 0.625rem; color: hsl(var(--black)); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
.event-calendar a.callinkday { font-size: 0.625rem; color: hsl(var(--black)); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.event-calendar .caltxt { font-size: 0.625rem; color: hsl(var(--black)); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.event-calendar .caltxtbold { font-size: 0.625rem; color: hsl(var(--black)); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }

.event-calendar a.smcal { font-size: 0.5625rem; color: hsl(210, 100%, 20%); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
.event-calendar a.smcalbold { font-size: 0.5625rem; color: hsl(var(--black)); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
.event-calendar a.smcalday { font-size: 0.5625rem; color: hsl(210, 100%, 20%); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }

.event-calendar .time { font-size: 0.8125rem; color: hsl(210, 13%, 50%); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }

.border1 { border-bottom: 0.0625rem solid hsl(var(--black)); padding: 0.375rem 0.25rem 0.375rem 0.25rem; }
.border1a { border-bottom: 0.0625rem solid hsl(var(--black)); }
.border2 { border-bottom: 0.0625rem solid hsl(var(--black)); border-left: 0.0625rem solid hsl(var(--black)); border-right: 0.0625rem solid hsl(var(--black)); padding: 0.375rem 0.25rem 0.375rem 0.25rem; }
.border2a { border-bottom: 0.0625rem solid hsl(0, 0%, 87%); border-left: 0.0625rem solid hsl(0, 0%, 87%); border-right: 0.0625rem solid hsl(0, 0%, 87%); background-color: hsl(300, 20%, 96%); }
.border3 { border-top: 0.0625rem solid hsl(var(--black)); border-bottom: 0.0625rem solid hsl(var(--black)); border-left: 0.0625rem solid hsl(var(--black)); border-right: 0.0625rem solid hsl(var(--black)); padding: 0.375rem 0.25rem 0.375rem 0.25rem; }
.border4 { padding: 0.375rem 0.25rem 0.375rem 0.25rem; }
.border4a { float: right; padding: 0.375rem 0.25rem 0.375rem 0.25rem; }
.border4b { width: 4.375rem; float: right; padding: 0.375rem 0.25rem 0.375rem 0.25rem; }
.border5 { border-top: 0.0625rem solid hsl(var(--black)); border-bottom: 0.0625rem solid hsl(var(--black)); padding: 0.375rem 0.25rem 0.375rem 0.25rem; }

.appointmentDetails { display: none; }
.appointmentDetailsShow { display: block; }

.card img { max-width: 100%; }

.detailbox { padding: 0.25rem 0.25rem 0.25rem 0.8125rem; color: hsl(0, 0%, 24%); }
.tims { color: hsl(209, 100%, 27%); }
.clear { clear: both; height: 0.375rem; }

.apptxt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.625rem; color: hsl(0, 0%, 40%); }
.apptxt a { color: hsl(0, 0%, 40%); text-decoration: none; }
.apptxt a:hover { color: hsl(var(--black)); text-decoration: underline; }
.apptime { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.625rem; color: hsl(var(--black)); padding: 0.25rem 0.25rem 0.25rem 0; }
.appcont { background-color: hsl(var(--white)); border-bottom: 0.0625rem solid hsl(74, 10%, 75%); }
.appcontno { background-color: hsl(207, 16%, 89%); }
.appcontyup { background-color: hsl(207, 16%, 89%); border-bottom: 0.0625rem solid hsl(74, 10%, 75%); }
.line {  border-bottom: 0.0625rem solid hsl(76, 16%, 87%); vertical-align: baseline; }
.hars { background-color: hsl(184, 12%, 75%); border-bottom: 0.0625rem solid hsl(76, 16%, 87%); }
.warning { background-color: Yellow; color: hsl(0, 100%, 27%); font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8125rem; padding-left: 0.5rem; margin-left: 0.375rem; margin-right: 0.375rem; padding-top: 0.375rem; padding-bottom: 0.375rem; }
.ztest { margin-right: 12.5rem; width: 100%; background-color: hsl(236, 47%, 83%); }
.ztest2 { width: 12.5rem; background-color: hsl(119, 51%, 77%); }
.navwhite { padding-left: 3.75rem; font-size: 0.625rem; color: hsl(var(--white)); font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; }
select.navgray { font-size: 0.5625rem; color: hsl(120, 2%, 33%); font-family: verdana, arial, helvetica, sans-serif; }
.hdnvc { border: solid 0.0625rem hsl(214, 58%, 81%); color: hsl(215, 54%, 46%); }
.hdnvc:hover{ background: hsl(213, 62%, 94%); }
.hdnvch { border: solid 0.0625rem hsl(214, 58%, 81%); color: hsl(215, 54%, 46%); background-color: hsl(213, 62%, 94%); }

.hdnvcgray { border: 0.0625rem solid hsl(210, 13%, 50%); color: hsl(0, 0%, 85%); }
.hdnvc a { text-decoration: none; }
.hdnvc a:hover { text-decoration: none; }
.hdnvch a { text-decoration: none; }
.hdnvch a:hover { text-decoration: none; }
.kontent { padding: 0.375rem 0.375rem 0.375rem 0.375rem; }
.titlewbg { background-image: url(images/gradient_01.gif); }
.login { float: right; margin: 0; }

.main .content { padding: 1.5625rem; }
.main .content .table label { color: hsl(var(--white)); display: block; white-space: normal; text-align: left; font-size: 100%; margin: 0 0 0.3125rem; line-height: normal; padding: 0.3125rem 0.4375rem; }
.main .content .table label a { color: hsl(var(--white)); }

.hdnvcgray { background: hsl(0, 0%, 97%); }

.table.mcal { font-size: 50%; table-layout: fixed; }
.table.mcal th, .table.mcal td a { padding: 0.25rem; }
.table.mcal td { width: 14.28%; height: 1.25rem; vertical-align: middle; }
.table.mcal td.emptyday { background: hsl(0, 0%, 97%); }

.ecal { padding: 0.9375rem; margin: 0.9375rem 0; background: hsl(var(--white)); border-radius: 0.625rem; color: hsl(0, 0%, 20%); }
.table-bordered th, .table-bordered td { border: 0.0625rem hsl(0, 0%, 89%) solid; }
.ecal .alert-info { overflow: hidden; }
.ecal .alert-info form { margin: 0 0.3125rem 0 0; }
.table .label-info { white-space: normal; word-break: break-all; }
.table .label-info a { color: hsl(var(--white)); letter-spacing: 0.0625rem; word-break: break-word; }

.big-cal { table-layout: fixed; }
.big-cal td { height: 3.75rem; }


@media(max-width:480px){
  .cms-events-option-1 .media { display: block; }
  .cms-events-option-1 .media-left { display: block; }
  .cms-events-option-1 .media-img-link { width: 100%; margin: 0 0 1.25rem; }
  .cms-events-option-1 .event-img-wrap { width: 100%; }
  .cms-events-option-1 .media-body { padding: 0; }
}