
.oi-mainheading {font-size: 24px;color: var(--font-color);font-weight: 600;margin: 0 0 24px 0;}
.oi-contact-details {background: var(--bg-color-secondary);border-radius: 15px;padding: 15px;margin-bottom: 36px;max-width: 360px;box-shadow: 1px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -1px rgba(0, 0, 0, 0.10);}
.oi-contact-title {font-size: 16px;color: var(--font-color);font-weight: 600;margin-bottom: 12px;}
.oi-contact-subtitle {font-size: 24px;color: var(--font-color);font-weight: 600;margin-bottom: 12px;}
.oi-contact-details p {font-size: 19px;color: var(--font-color);font-weight: normal;line-height: 34px;}
.oi-contact-desc, .oi-contact-description {margin-bottom: 24px;}
.oi-contact-description {font-size: 19px;color: var(--font-color);font-weight: normal;line-height: 34px;}
.oi-contact-desc {font-size: 19px;color: var(--contact-font-color2);font-weight: normal;line-height: 34px;}
.oi-contact-desc strong {color: var(--contact-font-color1);}
.oi-contact-desc a {color: var(--contact-font-color3);text-decoration: underline;}
.oi-about-details p {font-size: 19px;color: var(--font-color);font-weight: normal;line-height: 34px;margin-bottom: 36px;}
.oi-about-details a {color: var(--font-color);text-decoration: underline;}
.oi-mailtext {font-size: 14px;color: var(--font-color);font-weight: normal;}
.oi-mailtext a {text-decoration: underline;color: var(--font-color);}
.oi-bredcrumb {font-size: 14px;color: var(--font-color);margin-bottom: 24px;}
.oi-bredcrumb a {color: var(--font-color);display: inline-block;}
.oi-bredcrumb-arrow {display: inline-block;vertical-align: middle;}
.oa-leftpanel {float: left;width: 850px;border-right: 1px solid var(--border-color-primary);padding-right: 65px;}
.oa-rightpaenl {float: right;width: 300px;}

.calendar-month {border-collapse: collapse;width: 100%;font-size: 15px;color: #000;border: 1px solid var(--border-color-primary);}
.calendar-month th {background: var(--archives-bg-color);color: var(--font-color);text-align: center;padding: 10px 0;border: 1px solid var(--border-color-primary);font-size: 16px;}
.calendar-month th a {color: var(--font-color);}
.calendar-month td {padding: 10px 0;text-align: center;border: 1px solid var(--border-color-primary);font-size: 16px;line-height: 30px;color: var(--font-color);background: var(--bg-color-secondary);}
.calendar-month td a {color: var(--font-color);}
.dayIndexHeading {font-size: 18px;color: var(--font-color-secondary);padding: 12px 10px 12px 0;font-weight: normal;text-transform: uppercase;}
.dayIndexHeading a {color: var(--font-color-secondary);}
.archive-selectboxes {float: left;background: var(--archives-bg-color);border-radius: 5px;margin: 0 20px 24px 0;padding: 0 5px 0 0;border: 1px solid var(--border-color-primary);}
.archive-select {border-radius: 5px;background: var(--archives-bg-color);font-size: 16px;color: var(--font-color);padding: 10px 20px;width: 100%;box-sizing: border-box;border: 0 none;}

.dayIndexContent ul li {list-style-type: none;margin: 0 0 18px 0;padding-left: 20px;position: relative;font-size: 15px;color: var(--font-color);}
.dayIndexContent ul li:before {content: '';position: absolute;left: 0;top: 5px;width: 0; height: 0; border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #d2d5d9;}
.dayIndexContent ul li a {display: block;color: var(--font-color);}

.dayIndexContent {margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px solid var(--border-color-primary);}

.oi-adtext {
    color: var(--font-color);
    font-size: 10px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    padding: 6px;
    text-align: center;
}
