/*
nav.main-menu ul.menu {
	display: block !important;
	width:  800px;
	text-align: left;
}

nav.main-menu ul.social {
	height: 0;
}

nav.main-menu ul.menu li,
nav.main-menu ul.menu li a {
	display: inline;
	width: 120px;
	height: 40px;
	text-align: left;
}

div.logo {
	height: 75px;
}
*/

/* overriding the styles in bootstrap.css */
.carousel-control.left {
  background: transparent;
  filter: none;
}
.carousel-control.right {
  background: transparent;
  filter: none;
}

/* this supplements/overrides the styles defined in homepage-content.css */
/*
	nth-of-type support for IE8, listed here and other places, using the adjacent sibling combinator:
		http://stackoverflow.com/a/8492882/24635
	alternatively could add a CSS class to each item (server side).

	also because this workaround is simple and cross browser, could even replace the main styles with these.
*/
@media (min-width: 480px) and (max-width: 767px) {
	h2 + article.article-feature-3-cols
		{ clear: left; padding-right: 7.5px; }
	h2 + article.article-feature-3-cols + article
		{ padding-left: 7.5px; }
	h2 + article.article-feature-3-cols + article + article
		{ clear: left; padding-right: 7.5px; }
	h2 + article.article-feature-3-cols + article + article + article
		{ padding-left: 7.5px; }
	h2 + article.article-feature-3-cols + article + article + article + article
		{ clear: left; padding-right: 7.5px; }
	h2 + article.article-feature-3-cols + article + article + article + article + article
		{ padding-left: 7.5px; }
	h2 + article.article-feature-3-cols + article + article + article + article + article + article
		{ padding-left: 7.5px; }
	h2 + article.article-feature-3-cols + article + article + article + article + article + article + article
		{ clear: left; padding-right: 7.5px; }
	h2 + article.article-feature-3-cols + article + article + article + article + article + article + article + article
		{ padding-left: 7.5px; }
}
@media (min-width: 768px) {
	h2 + article.article-feature-3-cols
		{ clear: left; padding-right: 10px; }
	h2 + article.article-feature-3-cols + article
		{ padding-left: 5px; padding-right: 5px; }
	h2 + article.article-feature-3-cols + article + article
		{ padding-left: 10px; }
	h2 + article.article-feature-3-cols + article + article + article
		{ clear: left; padding-right: 10px; }
	h2 + article.article-feature-3-cols + article + article + article + article
		{ padding-left: 5px; padding-right: 5px; }
	h2 + article.article-feature-3-cols + article + article + article + article + article
		{ padding-left: 10px; }
	h2 + article.article-feature-3-cols + article + article + article + article + article + article
		{ clear: left; padding-right: 10px; }
	h2 + article.article-feature-3-cols + article + article + article + article + article + article + article
		{ padding-left: 5px; padding-right: 5px; }
	h2 + article.article-feature-3-cols + article + article + article + article + article + article + article + article
		{ padding-left: 10px; }
}


/* styles originally defined in articlecats-style.css */
.article-type-bubble a {
   background: transparent;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3323232,endColorstr=#B3323232);
   zoom: 1;
}
.article-type-bubble a:hover {
   background: transparent;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3123356,endColorstr=#B3123356);
   zoom: 1;
}

ul.listings-b .title-overlay {
   background: transparent;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99242424,endColorstr=#99242424);
   zoom: 1;
}


ul.listings-b .title-text-wrap {
	padding: 5px 0;
	height: 76px;
	overflow: hidden;
}
ul.listings-b .title-overlay .title-text {
	position: static;
	top: 0;
	display: table-cell;
	vertical-align: middle;
	height: 70px;
}

/* original styles in site.css, using the same nth-of-child simulation/workaround as used up above */
.item-images-and-links .item-images .item:first-child { padding-right: 10px; }
.item-images-and-links .item-images .item:first-child + .item { padding-left: 5px; padding-right: 5px; }
.item-images-and-links .item-images .item:first-child + .item + .item { padding-left: 10px; }

/* for the slideshow component */
.circle .slide-wrapper { border: 1px solid #D8D7D7 !important; }
.circle .thumbnail { border: 1px solid #D8D7D7 !important; }




.footer-matter-right .social a {
	background-color: transparent;
	color: #fff;
}