/* PAGE SETUP */

/* Shared styles for all */
.page-node-type-blog .region--white-background,
.page-node-type-article .region--white-background,
.path-az-listing .region--white-background,
.path-directory .main-content {
  background-color: var(--VSblue);
}

.page-node-type-blog .main-content,
.page-node-type-article .main-content,
.path-az-listing .main-content,
.path-directory .main-content {
  padding:0;
}

.page-node-type-blog .container,
.page-node-type-article .container,
.path-az-listing .container,
.path-directory .main-content .container {
  width: 100%;
  padding-left:0;
  padding-right:0;
}

.page-node-type-blog section.col-md-12,
.page-node-type-article section.col-md-12,
.path-az-listing section.col-md-12,
.path-directory .main-content section.col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.page-node-type-blog .node__container,
.page-node-type-article .node__container,
.path-az-listing .block-system-main-block {
  margin-left: 8%;
  margin-right: 8%;
  border-radius: 8px;
  box-shadow: 15px 20px var(--VSred);
  background: #ffffff;
  margin-top:25px;
}

.page-node-type-blog .main-content__container .field--name-body,
.page-node-type-blog .main-content__container .field--type-image,
.page-node-type-article .main-content__container .field--name-body,
.page-node-type-article .main-content__container .field--type-image,
.path-az-listing .block-system-main-block {
  padding-left: 15px;
  padding-right: 15px;
}
/* A-Z INDEXING PAGES ONLY */
.path-az-listing #block-aztabs {
	margin-left:8%;
	margin-right:8%;
}
.path-az-listing .block-system-main-block {
  margin-bottom: 70px;
}
.path-az-listing .view-content {
	padding-top:15px;
}
/* BLOG ONLY */
.page-node-type-blog .field--name-field-publish-date {
  margin: 10px 0 20px;
  border-bottom: dotted 2px #999;
  color: var(--VSred);
  font-weight: 500;
  padding-left: 15px;
  padding-right: 15px;
}

.page-node-type-blog .field--name-field-blog-author {
  margin: 10px 0 20px;
  border-top: dotted 2px #999;
  padding-left: 15px;
  padding-right: 15px;
}
/* Blog-specific link styles */
.path-blog .view-blog-grid a {
  color: var(--VSlink) !important;
}

.path-blog .view-blog-grid a:hover {
  color: #ffffff !important;
}

/* ARTICLE ONLY */
.page-node-type-article .node__meta {
  margin: 10px 0 20px;
  border-bottom: dotted 2px #999;
  padding-left: 15px;
  padding-right: 15px;
}

.page-node-type-article .node__submitted-date {
  color: var(--VSred);
  font-weight: 500;
  font-size: 16px;
}

.page-node-type-article .sharethis-inline-share-buttons {
  padding: 0 15px 20px;
}

/* Views Landing Pages, Blog Pages, News Pages */

/* Shared overlay styles for views, blog, and article nodes */
.view-content .overlay-container,
.node--type-blog .overlay-container,
.node--type-article .overlay-container {
  border-radius: 0 4vw;
}

.view-content .overlay--colored,
.node--type-blog .overlay--colored,
.node--type-article .overlay--colored {
  background-color: rgba(255, 255, 255, 0.4);
}

.view-content .overlay-container a,
.node--type-blog .overlay-container a,
.node--type-article .overlay-container a {
  background-color: inherit !important;
}

/* Shared layout styles for blog and article landing pages */
.path-articles-3-col .region--white-background,
.path-blog .region--white-background {
  background-color: var(--VSblue);
  padding-top:0;
}

.path-articles-3-col .container,
.path-blog .container {
  width: 100%;
  padding-left:0;
  padding-right:0;
}

.path-articles-3-col .block-system-main-block,
.path-blog .block-system-main-block {
  margin-left: 8%;
  margin-right: 8%;
  margin-top:25px;
}

.path-articles-3-col section.col-md-12,
.path-blog section.col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.path-articles-3-col .view-mt-articles-grid,
.path-blog .view-blog-grid {
  background-color: #ffffff;
  color: #333333;
  border-radius: 8px;
  box-shadow: 15px 20px var(--VSred);
}

/* DIRECTORY */
.path-directory .main-content .container #block-volstate-content {
	border-radius:8px;
	box-shadow:15px 20px var(--VSred);
	background: #ffffff;
	padding-left:15px;
	margin:25px 8% 50px;
	padding-right:15px;
}