/*

Theme Name: ICCOU-SHC

Theme URI: http://www.msu.coop

Description: The theme for the ICC Co-op Website, modified for MSU-SHC

Version: 1.0

Author: Fuzzy Lines Design

Author URI: http://www.fuzzylines.com

*/

@import url("https://use.typekit.net/ebt4ldw.css");

body {
	background: #E0E2E2;
	color: #333;
	font-family: 'proxima-nova', sans-serif;
	font-weight: normal;
	margin: 15px 0 30px;
}
.button-green {
	background: #445c33;
	color: #fff !important;
	display: inline-block;
	margin: 8px 0;
	padding: 12px 40px;
	text-align: center;
	text-decoration: none;
	-o-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-webkit-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear;
}
.button-green:hover {
	background: #314224;
}
.cal-box {
	background: #888;
	color: #fff;
	float: left;
	margin-top: 1px;
	text-align: center;
	width: 60px;
}
.cal-box .month {
	background: rgba(0,0,0,0.25);
	padding: 2px 0px 1px;
	text-transform: uppercase;
}
.cal-box .day {
	font-size: 1.8em;
	margin: 1px 0px;
}
.cal-box .year {
	background: rgba(255,255,255,0.25);
	border-top: 3px solid #fff;
	padding: 2px 0px;
}
ul.checkmark {
	margin: 32px 0px;
	padding-left: 40px;
}
ul.checkmark li {
	list-style: none;
	margin-bottom: 18px;
}
ul.checkmark li:before {
	background-image: url(images/icon-check.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 1em;
	margin: 0px 15px 0px -30px;
	width: 1em;
}
div.centered {
	margin: 20px 0px;
	text-align: center;
}
.clear {
	clear: both;
}
.container {
	background: #fff;
	margin: 0px auto;
	padding: 15px;
	width: 1230px;
}
.copyright {
	color: #999;
	font-size: 1em;
	margin-top: 35px;
	text-align: center;
}
.copyright a {
	color: #999;
	text-decoration: none;
}
.copyright a:hover {
	color: #666;
}
.copyright .social {
	margin-top: 20px;
}
.copyright .social a {
	display: inline-block;
	margin: 0px 3px;
}
.event-listing h3.title,  .news-listing h3.title {
	color: #111;
	font-size: 1.4em;
	font-weight: 300;
	margin: 0px 0px 4px;
}
.event-listing h3.title a,  .news-listing h3.title a {
	color: #2E6D70;
	text-decoration: none;
}
.event-listing h3 a:hover,  .news-listing h3 a:hover {
	color: #111;
}
.event-listing p:first-child,  .news-listing p:first-child {
	margin-top: 10px;
}
.event-listing a.more-link,  .news-listing a.more-link {
	color: #8E324F;
	font-size: .9em;
	font-style: italic;
	font-weight: 300;
	text-decoration: none;
}
.event-listing .cal-box {
	font-size: .95em;
	margin: 0 15px 15px 0;
}
.event-listing .cal-box .day {
	font-size: 1.85em;
	line-height: 1.2em;
}
.event-listing .cal-box .month {
	line-height: 1.3em;
}
.event-listing .date-time {
	margin: 10px 0;
}
.event-listing .date {
	background-repeat: no-repeat;
	background-size: contain;
	color: #888;
	display: inline-block;
	font-size: 1em;
	line-height: 1em;
	margin-right: 15px;
	padding-left: 25px;
}
.event-listing .time {
	background-image: url(images/icon-time.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #888;
	display: inline-block;
	font-size: 1em;
	line-height: 1em;
	padding-left: 25px;
}
.event-listing img.inline-photo,  .news-listing img.inline-photo {
	height: auto;
	margin: 5px 20px 10px 0;
	max-width: 300px;
}
.event-listing-archive,  .news-listing-archive {
	display: flex;
}
.event-listing-archive .photo,  .news-listing-archive .photo {
	flex-basis: 25%;
	background-image: url(images/photo-placeholder.jpg);
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
	margin-right: 20px;
}
.event-listing-archive .event-content,  .news-listing-archive .news-content {
	flex-basis: 75%;
}
footer .footer-info {
	background: #445c33;
	color: #fff;
	padding: 30px 25px;
}
footer .footer-info .contact-info {
	float: left;
}
footer .footer-info .contact-info .address {
	font-size: 1.2em;
}
footer .footer-info .contact-info .phone {
	color: #DBEAEA;
	font-size: 1.1em;
	margin-top: 8px;
	line-height: 1.5em;
}
footer .footer-info .contact-info .phone p {
	margin: 0;
}
footer .footer-info .contact-info .site-name {
	color: #fff;
	font-family: 'bemio', serif;
	font-size: 1.6em;
	font-weight: 600;
	line-height: 1.1em;
	margin-bottom: 6px;
}
footer .footer-info .hours {
	color: #fff;
	float: right;
	text-align: right;
}
footer .footer-info .hours p {
	margin: 0;
}
footer .footer-info .hours .hours-title {
	font-size: 1.3em;
	margin-bottom: 8px;
}
footer .footer-info .hours .hours-list {
	display: flex;
}
footer .footer-info .hours .hours-list .day,  footer .footer-info .hours .hours-list .time {
	flex-grow: 1;
	font-size: 1.05em;
	line-height: 1.4em;
	margin-left: 15px;
}
footer .footer-info .hours .hours-list .day {
	color: #DBEAEA;
}
.green {
	color: #3E7A47 !important;
}
header.site-header {
	background: #78cbde;
	margin-bottom: 10px;
}
header.site-header .background {
	background: url(images/header-mi.png) right 330px center no-repeat;
}
header .blue-bar {
	background: #78cbde;
	text-align: right;
}
header.site-header .logo {
	float: left;
	margin: -15px 12px 20px 15px;
}
header.site-header .logo img {
	height: 110px;
}
header.site-header .name {
	float: left;
}
header.site-header .name .site-name {
	color: #fdde33;
	font-family: 'bemio', serif;
	font-size: 2.6em;
	font-weight: 600;
	line-height: 1.1em;
	margin-top: 15px;
}
header.site-header .name .site-name a {
	color: #fdde33;
	text-decoration: none;
	text-shadow: 0 0 20px #00000040;
}
header.site-header .name .site-tagline {
	/* float: left; */
	font-family: 'mission-script', sans-serif;
	font-size: 1.8em;
	color: white;
	text-shadow: 0 0 15px #00000040;
}
header.site-header .search {
	float: right;
	margin: 35px 20px 0px 0px;
}
header.site-header .search form {
	background: #fff;
}
header.site-header .search form input[type="text"] {
	background: none;
	border: 0 !important;
	color: #555;
	font-size: .9em;
	height: 38px;
	padding: 0px 5px;
	vertical-align: middle;
	width: 180px;
}
header.site-header .search form input[type="image"] {
	margin-right: 8px;
	vertical-align: middle;
}
.house-single .house-info {
	margin-top: 30px;
}
.house-single .house-info table {
	border-collapse: collapse;
}
.house-single .house-info table tr {
	border-bottom: 1px dashed #ddd;
}
.house-single .house-info table tr:first-child {
	border-top: 1px dashed #ddd;
}
.house-single .house-info table td {
	padding: 8px 2px;
}
.house-single .house-info table th {
	padding: 8px 2px;
	text-align: left;
	min-width: 180px;
}
table.lined {
	border-collapse: collapse;
}
table.lined tr {
	border-bottom: 1px dashed #ddd;
}
table.lined tr:last-child {
	border-bottom: 0;
}
table.lined td {
	padding: 8px 15px 8px 2px;
}
.member-spotlight .member-photo {
	background-image: url(images/testimonial-default.jpg);
	background-size: cover;
	border-radius: 50%;
	float: left;
	height: 140px;
	margin: 0px 20px 10px 0px;
	width: 140px;
}
.member-spotlight h3.name {
	font-size: 1.4em;
	font-weight: 300;
	margin-bottom: 10px;
}
.member-spotlight h3.name a {
	color: #2E6D70;
	text-decoration: none;
}
.month-01 {
	background: #2B8BC6 !important;
}
.month-02 {
	background: #358CA2 !important;
}
.month-03 {
	background: #13A48A !important;
}
.month-04 {
	background: #3FAB42 !important;
}
.month-05 {
	background: #8EAE2F !important;
}
.month-06 {
	background: #C4C027 !important;
}
.month-07 {
	background: #E7BC14 !important;
}
.month-08 {
	background: #E37E2E !important;
}
.month-09 {
	background: #E54C3A !important;
}
.month-10 {
	background: #B95576 !important;
}
.month-11 {
	background: #975BA3 !important;
}
.month-12 {
	background: #536A80 !important;
}
.news-listing .date {
	background-repeat: no-repeat;
	background-size: contain;
	color: #888;
	display: inline-block;
	font-size: 1em;
	line-height: 1em;
	margin: 10px 0;
	padding-left: 25px;
}
.news-listing .news-ribbon {
	position: relative !important;
	float: left;
	font-size: 1em !important;
	left: auto !important;
	top: auto !important;
	margin: 5px 20px 12px 0px;
	width: 60px !important;
}
.news-ribbon {
	background: #888;
	color: #fff;
	display:none;
	font-size: .8em;
	padding: 5px 0px 8px;
	position: absolute;
	left: 10px;
	text-align: center;
	top: 0;
	width: 54px;
}
.news-ribbon:after,  .news-ribbon:before {
	border-top: 7px solid #888;
	bottom: -7px;
	content: '';
	height: 0;
	position: absolute;
	width: 0;
}
.news-ribbon:after {
	border-right: 27px solid transparent;
	left: 0;
}
.news-ribbon:before {
	border-left: 27px solid transparent;
	right: 0;
}
.news-ribbon .month {
	font-weight: 100;
	text-transform: uppercase;
}
.news-ribbon .day {
	font-size: 1.8em;
	font-weight: 300;
	margin-top: -3px;
}
.news-ribbon .year {
	margin-top: -3px;
	opacity: .7;
}
.nowrap {
	white-space: nowrap;
}
.page-columns {
	margin: 10px 0px;
	display: flex;
}
.sidebar {
	flex: 1;
	flex-basis: 20%;
	margin-right: 10px;
	order:1;
}
.sidebar .nav {
	background: #445c33;
	margin-bottom: 20px;
}
.sidebar .nav ul.menu > li {
	display: none;
}
.sidebar .nav ul.menu > li.current-menu-ancestor,
.sidebar .nav ul.menu > li.current-menu-item {
	display: block;
}
.sidebar .nav h3 {
	color: #2F5929;
	font-size: 1.05em;
	font-weight: 500;
	margin: 8px 16px;
}
.sidebar .nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar .nav a {
	background: #445c33;
	color: #fff;
	display: block;
	font-size: .95em;
	line-height: 1.15em;
	padding: 8px 18px;
	text-decoration: none;
}
.sidebar .nav ul.sub-menu li.current-menu-item > a {
	background-color: #6b8456 !important;
}
.sidebar .nav a:hover {
	background-color: #314224 !important;
}
.sidebar .nav li.current-menu-item ul.sub-menu a {
	background: #576d46;
}
.sidebar .nav li.current-menu-item ul.sub-menu a:hover {
	background-color: #445c33;
}
.sidebar .nav ul.menu > li.current-menu-ancestor > a, .sidebar .nav ul.menu > li.current-menu-item > a {
	background: #314224;
	color: #fff;
	display: block;
	font-size: 1em;
	padding: 14px 18px;
	text-decoration: none;
	-o-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-webkit-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear;
}
.sidebar .nav ul.menu > li.current-menu-ancestor > a:hover {
	background-color: #283120;
}
.sidebar .nav ul.sub-menu ul.sub-menu a {
	background: #576d46;
	color: #fff;
	display: block;
	font-size: .9em;
	line-height: 1.1em;
	padding: 8px 18px 8px 30px;
	text-decoration: none;
}
/* .sidebar .nav ul.sub-menu li:last-child a {
	padding-bottom: 7px;
} */
.sidebar .nav ul ul ul {
	display: none;
}
.sidebar .nav .menu-item-has-children ul {
	display: none;
}
.sidebar .nav .menu-item-has-children.current-menu-item > ul {
	display: block;
}
.sidebar .nav .current-menu-ancestor > ul.sub-menu {
	display: block;
}
/* Parent arrows */

.sidebar .nav li.menu-item-has-children > a, .sidebar .nav li.current-menu-item li.menu-item-has-children > a {
	background-image: url(images/sidenav-arrow-right.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}
/* Parent arrows */

.sidebar .nav li.menu-item-has-children.current-menu-item > a,
.sidebar .nav li.menu-item-has-children.current-menu-ancestor > a {
	background-image: url(images/sidenav-arrow-down.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}
.sidebar a.archive-link {
	background: #576d46;
	border-left: 50px solid #445c33;
	color: #fff;
	display: block;
	font-size: .95em;
	line-height: 1.15em;
	margin-bottom: 20px;
	padding: 14px 18px;
	text-decoration: none;
}
.sidebar a.archive-link:hover {
	background: #445c33;
	border-left-color: #314224;
}
.sidebar a.archive-link:before {
	background-image: url(images/left-arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 1em;
	margin: 0px 35px 0px -51px;
	width: 1em;
}
.page-content {
	flex: 1;
	flex-basis: 80%;
	font-size: 1.05em;
	line-height: 1.45;
	order:2;
	padding: 0px 20px 20px;
}
.page-content a {
	color: #8E324F;
}
.page-content h1.title {
	color: #3E7B48;
	font-size: 1.8em;
	font-weight: 300;
	margin: 20px 0 25px;
}
.page-content h2 {
	border-bottom: 1px dashed #c8c8c8;
	color: #3E7B48;
	font-size: 1.3em;
	font-weight: 500;
	margin: 30px 0px 10px;
	padding-bottom: 4px;
}
.page-content h2.subtitle {
	border: 0;
	color: #8E324F;
	font-size: 1.3em;
	font-weight: 100;
	margin: -15px 0 25px;
	padding: 0;
}
.page-content h3 {
	font-size: 1.15em;
	font-weight: 500;
}
.page-content hr {
	background-color: none;
	border: 0;
	border-bottom: 1px dashed #d8d8d8;
	color: #e8e8e8;
	height: 1px;
	margin: 20px auto;
}
.page-content img {
	height: auto;
	max-width: 100%;
}
.page-faq h3 {
	font-size: 1.35em;
	margin-bottom: 0;
}
.page-faq .faq-top-links {
	font-size: 1.1em;
	line-height: 1.55em;
	padding: 0 0 10px;
}
.page-faq .faq-top-links p {
	margin-top: 10px;
}
.page-search-results .hentry h3 {
	margin-bottom: 10px;
}
.page-search-results .hentry .type,  .page-search-results .hentry .type-member-spotlight {
	margin-bottom: 10px;
	text-transform: capitalize;
}
.page-search-results .hentry .search-excerpt p:first-child {
	margin-top: 0;
}
.page-search-results .type-member-spotlight,  .page-search-results .type-house-event,  .page-search-results .type-alumni-event {
	display: none;
}
.page-search-results .type-alumnievent .type-alumni-event {
	display: block;
}
.page-search-results .type-houseevent .type-house-event {
	display: block;
}
.page-search-results .type-memberspotlight .type-member-spotlight {
	display: block;
}
.page-search-results .type-alumnievent .type,  .page-search-results .type-houseevent .type,  .page-search-results .type-memberspotlight .type {
	display: none;
}
.staff-member h3 {
	font-size: 1.4em;
	font-weight: 300;
	margin-bottom: 10px;
}
.staff-member .photo {
	background-image: url(images/testimonial-default.jpg);
	background-size: cover;
	border-radius: 50%;
	float: left;
	height: 140px;
	margin: 0px 20px 10px 0px;
	width: 140px;
}
.wp-pagenavi {
	clear: both;
	margin: 40px 0px 20px;
	text-align: center;
}
.wp-pagenavi span.pages {
	color: #555;
	display: inline-block;
	margin-right: 10px;
}
.wp-pagenavi span.current {
	background: #8E324F;
	color: #fff;
	margin: 2px;
	padding: 6px 10px;
}
.wp-pagenavi a {
	background: #666;
	color: #fff;
	margin: 2px;
	padding: 6px 10px;
	text-decoration: none;
	transition: background 0.3s ease 0s;
}
.wp-pagenavi a:hover {
	background: #333;
	color: #fff;
}


/*///////////////////////////////////////////////////////////////////////////////

INDEX Styles

///////////////////////////////////////////////////////////////////////////////*/

.index-banner {
	background-color: #eee;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 470px;
	position: relative;
}
.index-banner .content {
	background-color: rgba(0,0,0,.70);
	color: #fff;
	font-size: 1.2em;
	line-height: 1.3em;
	padding: 25px 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.index-banner .content h3 {
	font-size: 1.2em;
	font-weight: 300;
	margin: 0;
}
.index-banner .content p {
	margin: 12px 0px 0px;
}
.index-featured-house {
	background: #ccc;
	background-position: center;
	background-size: cover;
	height: 365px;
	margin-bottom: 10px;
	position: relative;
}
.index-featured-house .content {
	background-color: rgba(0,0,0,.70);
	color: #fff;
	padding: 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.index-featured-house .content .title {
	font-size: 1.2em;
	margin-bottom: 5px;
}
.index-featured-house .content .title a {
	color: #fff;
	text-decoration: none;
}
.index-featured-house .content .text {
	color: #ddd;
	font-size: .9em;
}
.index-featured-house .content .learn-more {
	margin-top: 5px;
	text-align: right;
}
.index-featured-house .content .learn-more a {
	color: #ddd;
	font-style: italic;
	font-weight: 100;
	text-decoration: none;
}
.index-featured-house .content .learn-more a:hover {
	color: #fff;
}
.index-event-panel {
	background-color: #ccc;
	background-image: url(images/photo-placeholder.jpg);
	background-position: center;
	background-size: cover;
	height: 300px;
	margin-bottom: 10px;
	position: relative;
}
.index-event-panel .cal-box {
	margin: 10px !important;
}
.index-event-panel .content {
	background-color: rgba(0,0,0,.70);
	color: #fff;
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.index-event-panel .content a.title {
	color: #fff;
	display: block;
	font-size: 1.1em;
	margin-bottom: 5px;
	text-decoration: none;
}
.index-event-panel .content .text {
	color: #ddd;
	font-size: .8em;
	line-height: 1.4em;
}
.index-event-panel .content .text p {
	margin: 0;
}
.index-event-panel .content .text a.read-more {
	display: none;
}
.index-event-panel .links {
	font-size: .9em;
	margin-top: 10px;
}
.index-event-panel .links a.submit-house-event {
	background: url(images/icon-plus.png) left no-repeat;
	background-size: contain;
	color: #63BC67;
	display: inline-block;
	float: left;
	padding: 2px 2px 2px 32px;
	text-decoration: none;
}
.index-event-panel .links a.view-all {
	color: #ddd;
	display: inline-block;
	float: right;
	font-style: italic;
	font-weight: 100;
	padding: 2px;
	text-decoration: none;
}
.index-event-panel .links a.view-all:hover {
	color: #fff;
}

.index-news-panel {
	background-color:#8E324F;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.2em;
	margin-bottom: 10px;
	min-height:260px;
	padding: 20px;
}

.index-news-panel a.title {
	color: #fff;
	display: block;
	font-size: 1.1em;
	margin-bottom: 10px;
	text-decoration: none;
}
.index-news-panel .text {
	color: #ddd;
	font-size: .9em;
	line-height: 1.4em;
}
.index-news-panel .text p {
	margin-top: 0;
}

.index-news-panel .text a{
	color: #ddd;
}

.index-news-panel .text a.read-more {
	display: none;
}
.index-news-panel .links {
	font-size: .9em;
	margin-top: 10px;
}

.index-news-panel .links a.view-all {
	color: #ddd;
	display: inline-block;
	float: right;
	font-style: italic;
	font-weight: 100;
	padding: 2px;
	text-decoration: none;
}
.index-news-panel .links a.view-all:hover {
	color: #fff;
}

.index-news {
	background: #8E324F;
	margin: 0 -15px;
	padding: 30px 15px;
}
.index-news h3 {
	color: #fff;
	font-size: 1.8em;
	font-weight: 300;
	margin: 0 25px 30px;
	text-align: left;
}
.index-news h3 a.view-all {
	color: #E2F0F0;
	float: right;
	font-size: .6em;
	font-style: italic;
	font-weight: 100;
	margin-top: 6px;
	text-decoration: none;
}
.index-news h3 a.view-all:hover {
	color: #fff;
}
.index-news .news-single {
	background: #fff;
	color: #555;
	flex-basis: 33%;
	font-size: 1.1em;
	font-weight: 100;
	line-height: 1.3em;
	margin: 0px 10px;
}
.index-news .news-single h4 {
	font-size: 1.3em;
	font-weight: 300;
	margin: 0px 0px 15px;
}
.index-news .news-single h4 a {
	color: #2E6D70;
	text-decoration: none;
}
.index-news .news-single .content {
	padding: 18px;
}
.index-news .news-single .content p {
	margin: 0;
}
.index-news .news-single .photo {
	background-color: #ccc;
	background-image: url(images/photo-placeholder.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 200px;
	position: relative;
}
.index-news .news-single .month-01:after,  .index-news .news-single .month-01:before,  .news-listing .month-01:after,  .news-listing .month-01:before {
	border-top-color: #2B8BC6 !important;
}
.index-news .news-single .month-02:after,  .index-news .news-single .month-02:before,  .news-listing .month-02:after,  .news-listing .month-02:before {
	border-top-color: #358CA2 !important;
}
.index-news .news-single .month-03:after,  .index-news .news-single .month-03:before,  .news-listing .month-03:after,  .news-listing .month-03:before {
	border-top-color: #13A48A !important;
}
.index-news .news-single .month-04:after,  .index-news .news-single .month-04:before,  .news-listing .month-04:after,  .news-listing .month-04:before {
	border-top-color: #3FAB42 !important;
}
.index-news .news-single .month-05:after,  .index-news .news-single .month-05:before,  .news-listing .month-05:after,  .news-listing .month-05:before {
	border-top-color: #8EAE2F !important;
}
.index-news .news-single .month-06:after,  .index-news .news-single .month-06:before,  .news-listing .month-06:after,  .news-listing .month-06:before {
	border-top-color: #C4C027 !important;
}
.index-news .news-single .month-07:after,  .index-news .news-single .month-07:before,  .news-listing .month-07:after,  .news-listing .month-07:before {
	border-top-color: #E7BC14 !important;
}
.index-news .news-single .month-08:after,  .index-news .news-single .month-08:before,  .news-listing .month-08:after,  .news-listing .month-08:before {
	border-top-color: #E37E2E !important;
}
.index-news .news-single .month-09:after,  .index-news .news-single .month-09:before,  .news-listing .month-09:after,  .news-listing .month-09:before {
	border-top-color: #E54C3A !important;
}
.index-news .news-single .month-10:after,  .index-news .news-single .month-10:before,  .news-listing .month-10:after,  .news-listing .month-10:before {
	border-top-color: #B95576 !important;
}
.index-news .news-single .month-11:after,  .index-news .news-single .month-11:before,  .news-listing .month-11:after,  .news-listing .month-11:before {
	border-top-color: #975BA3 !important;
}
.index-news .news-single .month-12:after,  .index-news .news-single .month-12:before,  .news-listing .month-12:after,  .news-listing .month-12:before {
	border-top-color: #536A80 !important;
}
.index-news nav.unslider-nav {
	margin-top: 30px;
}
.index-news nav.unslider-nav ol li {
	background: #7DB1B2;
	border: 1px solid #8E324F;
	box-shadow: 0px 0px 1px 1px #fff;
}
.index-news nav.unslider-nav ol li.unslider-active {
	background: #fff;
}
.index-news .unslider-arrow {
	top: 45%;
}
.index-news .slider-news ul li {
	display: flex;
	justify-content: center;
}
.index-news .slider-news-mobile ul li {
	display: block;
}
.index-news-mobile-container {
	display: none;
}
.index-section-grey {
	color: #666;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0px 35px;
}
.index-section-yellow {
	color: #614E0A;
	font-size: 1.5em;
	font-weight: 100;
	text-align: center;
}
.index-section-yellow h3 {
	color: #fff;
	font-size: 1.2em;
	font-weight: 300;
	margin: 0 0 5px;
}
.index-section-yellow p {
	margin: 0;
}
.index-side-buttons {
	display: flex;
	margin-bottom: 10px;
}
.index-side-buttons a {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 0 0 10px;
	padding: 16px 8px;
}
.index-side-buttons a:first-child {
	margin-left: 0;
}
.index-testimonials {
	padding: 30px 15px;
	text-align: center;
}
.index-testimonials ul li {
	display: flex;
}
.index-testimonials ul li .testimonial-single {
	color: #555;
	flex: 1;
	font-size: 1.2em;
	font-weight: 100;
	line-height: 1.4em;
	margin: 0px 20px;
}
.index-testimonials ul li .testimonial-single .name {
	font-size: 1.1em;
	font-weight: 300;
}
.index-testimonials ul li .testimonial-single .subtitle {
	color: #888;
	font-size: .8em;
}
.index-testimonials ul li .testimonial-single .photo {
	background-image: url(images/testimonial-default.jpg);
	background-size: cover;
	border-radius: 50%;
	height: 140px;
	margin: 0 auto;
	width: 140px;
}
.index-testimonials nav.unslider-nav {
	margin-top: 30px;
}
.index-testimonials .unslider-arrow {
	top: 45%;
}
.index-top-columns {
	margin: 10px 0px;
	display: flex;

}
.index-top-columns .column-left {
	flex: 1;
	flex-basis: 66%;
	margin-right: 10px;
}
.index-top-columns .column-right {
	flex: 1;
	flex-basis: 33%;
}
.index-top-content {
	font-size: 1.2em;
	padding: 25px 20px;
}
.index-top-content h2 {
	color: #3E7B48;
	font-size: 1.6em;
	font-weight: 300;
	margin: 0px 0px 8px;
}
.index-top-content h3 {
	color: #555;
	font-size: 1.3em;
	font-weight: 300;
	margin: 0px 0px 15px;
}
/*///////////////////////////////////////////////////////////////////////////////



TOP NAVIGATION Styles



///////////////////////////////////////////////////////////////////////////////*/



nav.topnav {
	background: #445c33;
	margin: 0px;
	position: relative;
	text-align: center;
	display:flex; /*added on Dec,7 the website was shifted to the right*/
}
nav.topnav ul {
	list-style: none;
	margin: 0;
}
nav.topnav ul li {
	display: inline-block;
}
nav.topnav ul li.mobile {
	display: none;
}
nav.topnav ul li a {
	color: #fff;
	display: inline-block;
	font-size: 1.15em;
	padding: 25px 22px;
	text-decoration: none;
	-o-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-webkit-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear;
}
nav.topnav ul li.hover a {
	background: #314224;
}
nav.topnav ul li.hover li a {
	background: #314224;
}
nav.topnav ul li.hover li a:hover {
	background: #283120;
}
nav.topnav ul ul {
	background: #314224;
	display: none;
	float: left;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0px;
	position: absolute;
	z-index: 1000;
}
nav.topnav ul ul li {
	list-style: none;
	margin: 0;
	min-width: 200px;
}
nav.topnav ul ul ul {
	background: #314224;
	top: 0px;
	margin-left: 3px;
}
nav.topnav ul ul a {
	color: #F1F6F0;
	font-size: .95em;
	font-style: normal;
	font-weight: 300;
	height: auto;
	line-height: 1.15em;
	padding: 7px 0px 7px 22px;
	text-align: left;
	text-transform: none;
	transition: none;
	width: 230px;
}
nav.topnav li:hover > a {
	color: #fff;
}
nav.topnav ul ul :hover > a {
	background: none;
}
/* Top Level Current Page Highlight */

nav.topnav ul li.current-menu-item > a,  nav.topnav ul li.current-menu-ancestor > a {
}
nav.topnav ul.dropdown {
	white-space: normal;
}
nav.topnav li.parent a {
	padding-right: 25px;
}
nav.topnav .shailan-dropdown-menu-widget {
}
.nav-button {
	background: #445c33;
	color: #fff;
	cursor: pointer;
	display: none;
	padding: 15px 0px 12px;
	text-align: center;
}
nav.mobile {
	background: #445c33;
	border-top: 1px solid #314224;
	display: none;
	/* margin-bottom: 10px; */
}
nav.mobile .wpb_category_n_menu_accordion li a {
	/* font-weight: 300 !important; */
}
nav.mobile .wpb_category_n_menu_accordion > ul > li > a {
	background: #445c33;
	font-size: 1.2em !important;
}
nav.mobile .wpb_category_n_menu_accordion > ul > li > a:hover {
	background: #314224;
}
nav.mobile .wpb_category_n_menu_accordion > ul > li:not(:last-child) > a {
	border-bottom: 1px solid #314224;
}
nav.mobile .wpb_category_n_menu_accordion > ul > li:last-child > a {
  border-bottom: 15px solid #fff;
}
nav.mobile .wpb_category_n_menu_accordion > ul > li li:hover > a,  nav.mobile .wpb_category_n_menu_accordion > ul > li li.current-cat > a,  nav.mobile .wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a {
	border-left-color: #283120;
}
nav.mobile .wpb_category_n_menu_accordion ul > li li {
	background: #314224;
}
nav.mobile .wpb_category_n_menu_accordion ul > li li li {
	background: #314224;
}
nav.mobile .wpb_category_n_menu_accordion > ul > li > ul > li > ul > li > a {
	padding-left: 40px;
}
nav.mobile .wpb_category_n_menu_accordion li a {
	font-size: 1.1em !important;
}
nav.mobile .mobile-search form {
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
nav.mobile .mobile-search form input[type="text"] {
	background: none;
	border: 0;
	color: #333;
	font-size: 1em;
	height: 38px;
	padding: 8px 10px 8px 22px;
	vertical-align: middle;
	width: calc(100% - 74px);
}
nav.mobile .mobile-search form input[type="image"] {
	margin-right: 8px;
	vertical-align: middle;
}
 nav.mobile .mobile-search form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#aaa;
}
 nav.mobile .mobile-search form input::-moz-placeholder { /* Firefox 19+ */
 color:#aaa;
}
 nav.mobile .mobile-search form input:-ms-input-placeholder { /* IE 10+ */
 color:#aaa;
}
 nav.mobile .mobile-search form input:-moz-placeholder { /* Firefox 18- */
 color:#aaa;
}

/*// Blue Links //*/
nav.mobile #menu-quick-links-1 li:not(:last-child) a {
	background: #78cbdd;
	border: none;
	text-shadow: 0 0 10px #00000054;
}
nav.mobile #menu-quick-links-1 li a:hover {
	background: #357D80;
}

/*// Login Link //*/
nav.mobile #menu-quick-links-1 li.login a {
	background: #8E324F;
	/* border-bottom: 20px solid #fff !important; */
}
nav.mobile #menu-quick-links-1 li.login a:hover {
	background: #C06234;
}

nav.secondary ul {
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
nav.secondary ul li {
	display: inline-block;
	font-size: 16px;
}
nav.secondary ul li a {
	color: #fff;
	display: inline-block;
	font-size: 1.04em;
	padding: 12px 15px;
	text-decoration: none;
	-o-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-webkit-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear;
	text-shadow: 0 0 10px #00000054;
}
nav.secondary ul li a:hover {
	background: #357D80;
}
nav.secondary ul li.login a {
	background: #8E324F;
	-o-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-webkit-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear;
}
nav.secondary ul li.login a:hover {
	background: #71283f;
}
nav.footernav {
	background: #f0f2f2;
	color: #666;
	font-size: 1.1em;
	margin-top: 10px;
	padding: 30px 25px;
}
nav.footernav ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}
nav.footernav ul li {
	flex-grow: 1;
	flex-shrink: 1;
	margin: 3px 0px;
}
nav.footernav ul a {
	color: #222;
	text-decoration: none;
}
nav.footernav ul a:hover {
	color: #777;
}
nav.footernav ul ul {
	display: block;
	font-size: .95em;
	margin-top: 10px;
}
nav.footernav ul ul a {
	color: #444;
}
nav.footernav ul ul a:hover {
	color: #777;
}
/*///////////////////////////////////////////////////////////////////////////////



DEFAULT WordPress Styles



///////////////////////////////////////////////////////////////////////////////*/



.alignleft {
	float: left;
}
.alignright {
	float: right;
}
p img {
	max-width: 100%;
	padding: 0;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	display: inline;
	margin: 0 0 2px 7px;
	padding: 4px;
}
img.alignleft {
	display: inline;
	margin: 0 7px 2px 0;
	padding: 4px;
}
img.aligncenter {
	display: inherit;
	margin: 0 auto;
}
.wpb_content_element {
	margin-bottom: 20px !important;
}
.wp-caption {
	max-width: 100% !important;
	width: auto !important;
}
/*///////////////////////////////////////////////////////////////////////////////



House Styles



///////////////////////////////////////////////////////////////////////////////*/





.house-single {
	position: relative;
}
.house-single h2.house-name {
	border: 0;
	color: #8E324F;
	font-size: 1.4em;
	font-weight: 300;
	margin: -5px 0 25px;
	padding: 0;
}
.house-single .address {
	color: #eee;
	line-height: 1.2em;
}
.house-single .addressbar {
	background-color: rgba(0,0,0,0.70);
	padding: 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.house-single .house-top {
	display: flex;
}
.house-single .house-top .links {
	flex: 1;
	flex-basis: 35%;
	margin-bottom: 10px;
}
.house-single .house-top .links a {
	color: #fff;
	display: block;
	background: #656565;
	padding: 12px;
	margin: 0 0 5px;
	text-decoration: none;
	-o-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
}
.house-single .house-top .links a:hover {
	background: #555;
}
.house-single .house-top .links div:last-child a {
	margin-bottom: 0;
}
.house-single .house-top .photo {
	background-position: center;
	background-size: cover;
	flex: 1;
	flex-basis: 65%;
	margin-bottom: 10px;
	margin-right: 30px;
	min-height: 300px;
	position: relative;
}
.page-houses table hr {
	display: none;
}
.page-houses table tr {
	display: block;
	float: left;
	margin: 10px 5px;
	width: 280px;
}
.page-houses table tr td {
	width: 280px;
}
.page-houses .house-listing {
	background-size: cover;
	background-position: center;
	height: 280px;
	position: relative;
}
.page-houses .house-listing h3 {
	background-color: rgba(0,0,0,0.70);
	color: #eee;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.2em;
	margin: 0;
	padding: 12px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.page-houses .house-listing .property-headline h3 {
	margin: 0;
}
/*///////////////////////////////////////////////////////////////////////////////



FORM STYLES



///////////////////////////////////////////////////////////////////////////////*/



.gform_wrapper {
	margin-top: 30px !important;
}
.gform_wrapper ul li.gfield {
	margin-top: 20px !important;
}
.gform_wrapper label.gfield_label {
	font-weight: 500 !important;
}
.gform_wrapper .gfield_required {
	color: #cc0000 !important;
}
.gform_wrapper .gfield_checkbox li,  .gform_wrapper .gfield_radio li {
	margin-bottom: 5px !important;
}

@media only screen and (min-width:641px) {
.gform_wrapper li.gf_list_inline ul.gfield_checkbox li,  .gform_wrapper li.gf_list_inline ul.gfield_radio li {
	margin-right: 16px !important;
}
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),  .gform_wrapper textarea {
	border: 1px solid #ccc;
	padding-bottom: 8px !important;
	padding-top: 8px !important;
}

@media only screen and (max-width:641px) {
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
	line-height: 1.7em !important;
}
}
.gform_wrapper select {
	border: 1px solid #ccc;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}
.gform_wrapper .gform_footer input.button,  .gform_wrapper .gform_footer input[type="submit"],  .gform_wrapper .gform_page_footer input.button,  .gform_wrapper .gform_page_footer input[type="submit"] {
	background: #576d46;
	border: 0;
	color: #fff;
	cursor: pointer;
	padding: 15px 25px;
}
.gform_wrapper .gform_footer input.button:hover,  .gform_wrapper .gform_footer input[type="submit"]:hover,  .gform_wrapper .gform_page_footer input.button:hover,  .gform_wrapper .gform_page_footer input[type="submit"]:hover {
	background: #445c33;
}
/*///////////////////////////////////////////////////////////////////////////////



VISUAL COMPOSER STYLES



///////////////////////////////////////////////////////////////////////////////*/



.vc_separator.vc_sep_color_grey .vc_sep_line {
	border-color: #d8d8d8 !important;
}
.vc_tta-color-green.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
	background-color: #576d46 !important;
	border-bottom: 1px solid #fff !important;
}
.vc_tta-color-green.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover {
	background-color: #445c33 !important;
}
.vc_tta-color-green.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
	background-color: #658052 !important;
}
.vc-hoverbox-wrapper h2 {
	border-bottom: 0;
}
/*///////////////////////////////////////////////////////////////////////////////



DEPRECIATED...



///////////////////////////////////////////////////////////////////////////////*/



.index-events {
	margin-top: 10px;
}
.index-events h3 {
	background: #419C9E;
	color: #fff;
	font-size: 1.6em;
	font-weight: 300;
	margin: 0px 0px 4px;
	padding: 10px 12px;
	text-align: left;
}
.index-events h3 a {
	color: #fff;
	text-decoration: none;
}
.index-events h3 a.view-all {
	color: #E2F0F0;
	float: right;
	font-size: .6em;
	font-style: italic;
	font-weight: 100;
	margin-top: 6px;
	text-decoration: none;
}
.index-events h3 a.view-all:hover {
	color: #fff;
}
.index-events .event {
	padding: 8px;
}
.index-events .event a {
	color: #444;
	display: block;
	float: right;
	font-size: 1.15em;
	line-height: 1.2em;
	text-decoration: none;
	width: calc(100% - 75px);
}
.index-events .event a:hover {
	color: #111;
}


/*///////////////////////////////////////////////////////////////////////////////

MSU-SHC STYLES

///////////////////////////////////////////////////////////////////////////////*/

/*
Colors from Owner's Handbook:

#8E324F
#475836
#8AA335
#fdde33
#6FBECE
 */

@font-face {
  font-family: 'bemio';
  src: url('fonts/bemio-webfont.woff2') format('woff2'),
       url('fonts/bemio-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'mission-script';
  src: url('fonts/mission-script-webfont.woff2') format('woff2'),
       url('fonts/mission-script-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'rubik';
  src: url('rubik-light-webfont.woff2') format('woff2'),
       url('rubik-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'rubik';
  src: url('rubik-lightitalic-webfont.woff2') format('woff2'),
       url('rubik-lightitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic, oblique;
}
@font-face {
  font-family: 'rubik';
  src: url('fonts/rubik-regular-webfont.woff2') format('woff2'),
       url('fonts/rubik-regular-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'rubik';
  src: url('fonts/rubik-italic-webfont.woff2') format('woff2'),
       url('fonts/rubik-italic-webfont.woff') format('woff');
  font-weight: 500;
  font-style: italic, oblique;
}
@font-face {
  font-family: 'rubik';
  src: url('fonts/rubik-bold-webfont.woff2') format('woff2'),
       url('fonts/rubik-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'rubik';
  src: url('fonts/rubik-bolditalic-webfont.woff2') format('woff2'),
       url('fonts/rubik-bolditalic-webfont.woff') format('woff');
  font-weight: bold;
  font-style: italic, oblique;
}

a, a:hover, a:visited, a:active {
  color: #415c2e;
}

/* header {
	background: #78cbde;
}
header .blue-bar {
  background: #8E324F;
} */
nav.secondary ul li.login a {
	/* background: inherit; */
}
nav.secondary ul li a:hover, nav.mobile .wpb_category_n_menu_accordion ul li.mobile a:hover {
	background: hsla(0, 0%, 0%, .2);
}

header.site-header .background {
	background: none;
	padding: 10px 10px 0px 10px;
	display: flex;
	flex-wrap: wrap-reverse;
	align-items: flex-start;
}
header.site-header .logo {
	margin: 0 0 -6px 0;
}
header.site-header .name {
	margin: auto auto 10px 10px;
}
header.site-header .search {
	margin: 0 10px 0 auto;
  align-self: center;
}

nav.mobile .wpb_category_n_menu_accordion ul li.mobile a,
nav.mobile .wpb_category_n_menu_accordion ul li.login a {
	background: none;
	/* border: none; */
}

/* nav.topnav, .nav-button, nav.mobile,
nav.mobile .wpb_category_n_menu_accordion > ul > li > a,
.sidebar .nav, .sidebar .nav ul.links a {
	background: #445c33;
}
nav.topnav ul li.hover a, nav.mobile .wpb_category_n_menu_accordion ul > li li,
nav.mobile .wpb_category_n_menu_accordion > ul > li > a:hover,
nav.mobile .wpb_category_n_menu_accordion ul li.mobile a:hover,
.sidebar .nav ul.parent a {
  background: hsla(0, 0%, 0%, .2);
}
.sidebar .nav ul.links li.current-menu-item a,
.sidebar .nav ul.links a:hover {
	background: hsla(0, 0%, 100%, .2);
}
nav.topnav ul ul.sub-menu, nav.topnav ul li.hover ul.sub-menu {
	background: #445c33;
}
nav.topnav ul ul.sub-menu li a, nav.topnav ul li.hover ul.sub-menu li a {
	background: hsla(0, 0%, 0%, .2);
}
nav.topnav ul ul.sub-menu li a:hover, nav.topnav ul li.hover ul.sub-menu li a:hover {
	background: hsla(0, 0%, 100%, .1);
} */

.index-banner {
	/* height: 700px; */
}

.footer-image-name {
	display: flex;
}
.footer-image {
	height: 100px;
	margin-right: 20px;
}

.footer-info a, .footer-info a:visited, .footer-info a:hover {
  color: #fff;
  text-decoration: none;
}
.footer-info a.back-to-top, .footer-info a.back-to-top:hover, .footer-info a.back-to-top:visited {
  color: #DBEAEA;
  text-decoration: underline;
  font-size: 90%;
}

.prev {
  float: left;
}

.next {
  float: right;
}

.clear {
  clear: both;
}

.featured-house {
  text-align: center;
}

.featured-house img {
  max-width: 100%;
}

.wp-block-jetpack-contact-form {
  max-width: 450px;
}

.contract-button a {
	width: 300px;
}

.wp-block-image .aligncenter {
	text-align: center;
}

blockquote.wp-block-quote {
  font-size: 140%;
  text-align: left;
  line-height: 1.2;
  padding: 30px;
  background: #78cbde;
  margin: 20px 40px;
}

blockquote.wp-block-quote p {
	margin: 0;
}

.wp-block-jetpack-contact-form input[type=email],
.wp-block-jetpack-contact-form input[type=tel],
.wp-block-jetpack-contact-form input[type=text],
.wp-block-jetpack-contact-form input[type=url] {
  padding: 10px;
  font-size: inherit;
}

.wp-block-jetpack-contact-form select {
  padding: 5px;
  font-size: inherit;
  border-radius: 3px;
}

.wp-block-jetpack-contact-form textarea {
  padding: 10px;
  border-radius: 5px;
  font-family: Arial, sans-serif;
  font-size: inherit;
}