.body1{
	background-color: var(--color-bg);
	font-family: var(--font-family-base);
	color: var(--color-text);
}
a{
	text-decoration: none;
}
.navbar1{
	font-family: var(--font-family-base);
	background-color: var(--color-primary);
	line-height: 15px;
	font-size: 13px;
	padding: 7px 0;
	color:#fff;
}
.navbarvillage {
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.leftmenudesign{
	background-color: var(--color-surface);
	font-family: var(--font-family-base);
	border-radius: 12px;
	border: 1px solid var(--color-border);
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.navbar2{
	background-color: var(--color-surface);
	font-family: var(--font-family-base);
	box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}
.navbar-nav > li {
	float: left;
	position: relative;
}
.navbar-nav > li > .dropdown-toggle.active{
	border-bottom: 3px solid var(--color-accent);
}
.dropdown:hover>.dropdown-menu{
	display:block;
}
.navbar-nav > li.active, .navbar-nav > li:active{
	border-bottom: 3px solid var(--color-accent);
}
.dropdown-menu {
	border: 1px solid var(--color-border);
	box-shadow: 0 6px 16px rgba(0,0,0,0.08);
	border-radius: 8px;
}
li.has-subnav ul {
    display: none;
}

li.has-subnav:hover ul {
    display: block;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu>.dropdown-menu {
	top:0;
	left:100%;
	margin-top:-6px;
}
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-menu > li > a:hover{
	background-color: var(--color-primary-light);
	color: var(--color-primary-dark);
}
.dropdown-menu > li > a:hover:after {
	text-decoration: underline;
	transform: rotate(-90deg);
}
.btn-primary{
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}
.btn-primary:hover, .btn-primary:focus{
	background-color: var(--color-primary-dark);
	border-color: var(--color-primary-dark);
}
.rapCalendar table{
	margin:0px auto;
	border-spacing: 0px;
	border-collapse:separate;
}
.rapCalendar caption{
	color: var(--color-text);
	font-weight:bold;
}
.rapCalendar thead{
	color: var(--color-text);
}
.rapCalendar tbody td{
	text-align: center;
	border: 1px solid transparent;
	width:24px;
	height:24px;
}
.rapCalendar .calDisable{
	color:#ccc;
}
.rapCalendar .calSelectable:hover{
	background: var(--color-accent-light);
	border-radius: 6px;
	cursor:pointer;
	font-weight:normal;
}
.rapCalendar .calSelected{
	background: var(--color-accent);
	color: #fff;
	border-radius: 6px;
	font-weight:normal;
}
.rapCalendar .larr{
	color: var(--color-muted);
	cursor:pointer;
	float:left;
}
.rapCalendar .larr:before{
	content:"◄";
}
.rapCalendar .larr:hover{
	color: var(--color-text);
}
.rapCalendar .rarr{
	color: var(--color-muted);
	cursor:pointer;
	float:right;
}
.rapCalendar .rarr:before{
	content:"►";
}
.rapCalendar .rarr:hover{
	color: var(--color-text);
}
@media screen and (min-width: 900px) {
.img_carousel{
	object-fit: none;
	object-position:center;
	max-height: 450px;
	width: 100%;
}
}

/*
 * Images placed through the editor carry this class. The legacy site styled it
 * in admin.css, which it also loaded on public pages; this CMS loads admin.css
 * only in the admin layout, so content images were rendering with no spacing.
 * Values kept identical to the legacy rule so pages look as they always did.
 */
.summernoteadmin {
	margin: 25px 25px 25px 25px;
	background-color: #fff;
	border: 1px solid #dddddd;
	border-radius: 4px;
}