.pub-title,
.pub-size
{
	color: #000;
}

.pub-size,
.pub-size:before,
.pub-size:after {
    font-size: 12px;
    display: inline;
}

.pub-size:before {
    content: '(';
}

.pub-size:after {
    content: ')';
}

.pub-size:empty:before,
.pub-size:empty:after {
        display: none !important;
}

.page-node-249 .mission-graphic .vision-mission-values .vision,
.page-node-20 .mission-graphic .vision-mission-values .vision
{
	width: 880px;
}

/* This should be added to slider-page.less & .css */
/* Landing Page Icon Links (Municipal, Commercial, etc) */
.carousel .item .field-collection-item-field-slides.landingpage_icon .icon-link
{
	background-color: #d2f1ee;
    margin-right: 10px;
    margin-left: 10px;
    width: 200px;
    height: 160px;
}

/* Landing Page icon (Who we serve) */
.carousel .item .field-collection-item-field-slides.landingpage_icon .icon-link .field-name-field-slide-image
{
	height: 95px;
}

/* Individual slides (eg. Thriving Municipalities) */
.carousel .item .field-collection-item-field-slides.textpage .icon-text
{
	background-color: #d2f1ee;
	width: 200px;
}

.carousel .item .field-collection-item-field-slides.textpage .field-name-field-slide-image
{
	padding-top: 25px;
}

.carousel .item .field-collection-item-field-slides.textpage .field-name-field-slide-image img
{
	margin: 0 60px;
}

.carousel .item .field-collection-item-field-slides.textpage .icon-text .field-name-field-slide-side-content
{
	color: #004385;
	font-weight: bold;
	text-align: center;
	padding: 10px 10px 5px;
}

.btn-default
{
	color: #004385;
	border: 3px solid #004385;
	font-weight: bold;
}

/* What we do */
/* Add "blue boxes" around icon grid and add padding arounnd images and text */
.view-display-id-icon_grid_menu .views-row
{
	background-color: #d2f1ee;
    margin-right: 10px;
    margin-left: 10px;
    width: 200px;
    height: 160px;
}

.view-display-id-icon_grid_menu .views-row img
{
	padding-top: 25px;
}

.view-display-id-icon_grid_menu .views-row .views-field-field-link
{
	padding-top: 5px;
}

/* Override background color on community -> sustainibility that is set above for individual slides */
.page-node-41 .carousel .item .field-collection-item-field-slides.textpage .icon-text
{
	background-color: transparent;
	width: auto;
}

/* site.css */
/* What we do */
#content h2.pane-title
{
	/*color: #cfde00;
	font-size: 16px;*/
}

/* Not sure why, but margin-top is 20px in site.css */
.page-node-13 h1
{
	margin-top: 0;
}

@media (min-width: 1200px){
	.page-node-249 .mission-graphic .vision-mission-values .mission,
	.page-node-20 .mission-graphic .vision-mission-values .mission
	{
		padding: 0 0 0 220px;
	}

	.page-node-249 .mission-graphic .vision-mission-values .values,
	.page-node-20 .mission-graphic .vision-mission-values .values
	{
		padding: 100px 140px 5px 43px;
	}

	.page-node-249 .mission-graphic .value-list,
	.page-node-20 .mission-graphic .value-list
	{
		margin: 30px 15px 0;
	}

	.page-node-249 .mission-graphic .value-list ul,
	.page-node-20 .mission-graphic .value-list ul
	{
		list-style: none
		margin-left: 0;
		padding-right: 0;
	}
}

/* Joining OCWA - Meet our Employees */
/* site.css */
.page-node-29 .radix-layouts-content .odd-person-bio::after
{
	background
}

	/* Sidebar */
	.page-node-29 .radix-layouts-content .sidebar-brochure p
	{
		font-size: 1em !important;
	}

	.page-node-29 .sidebar-brochure img
	{
		float: none;
		margin-right: 0;
	}

/* Contact Us */
.page-node-37 #content h2
{
	padding-top: 20px;
}

/* News */
.page-news .panel-panel-inner, .node-type-panopoly-news-article .panel-panel-inner
{
	margin-top: 60px;
}

	/* This is to counteract the panel-panel-inner margin-top rule */
	.page-news .panel-pane.pane-menu-tree.pane-main-menu
	{
		margin-top: -60px;
	}

	/* Add padding to the bottom of news articles (eg. news archives page) */
	.page-news-archive .region-contentmain .view-panopoly-news .views-row
	{
		margin-bottom: 30px;
	}

	/* Remove bullets on news aside date links - site.css - line 91 */
	.region-contentaside .view-panopoly-news ul > li::before
	{
		content: none;
	}

	.view-panopoly-news .views-field-title a
	{
		color: #004385;
		display: inline-block;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.view-panopoly-news .views-field-created, .node-type-panopoly-news-article .pane-node-created .pane-content
	{
		color: #004385;
		margin-bottom: 10px;
	}

/*
	.view-panopoly-news .views-field-view-node
	{
		margin-top: -20px;
	}
*/
	.view-panopoly-news .views-field-view-node a
	{
		color: #004385;
		font-weight: bold;
	}

	.view-panopoly-news .views-field-view-node:after {
	  content: '>';
	  color: #000;
	}

	/* Individual News Article */
	.node-type-panopoly-news-article .pane-node-title .pane-title
	{
		color: #004385;
		font-weight: bold;
	}

	/* Need to override the padding-top being applied on .radix-layouts-sidebar (padding: 75px 0 0) */
	.node-type-panopoly-news-article .radix-bryant .radix-layouts-sidebar
	{
		padding-top: 0;
	}

	/*** News Page ***/	

	/* Move content and aside "up" on news page - site.css - line 319 */
	.page-news .radix-bryant .region-contentmain > div:first-of-type,
	.page-news .radix-bryant .region-contentaside > div:first-of-type
	{
		margin-top: 0px;
	}

	/* Move "line" up on individual news page - site.css - line 323 */
	.page-news .radix-bryant.radix-bryant-aside .region-contentmain::after
	{
		top: 0px;
	}

	/*** News Articles ***/

	/* Move content and aside "up" on individual news articles - site.css - line 319 */
	.node-type-panopoly-news-article .radix-bryant .region-contentmain > div:first-of-type,
	.node-type-panopoly-news-article .radix-bryant .region-contentaside > div:first-of-type
	{
		margin-top: 0px;
	}

	/* Move "line" up on individual news articles - site.css - line 323 */
	.node-type-panopoly-news-article .radix-bryant.radix-bryant-aside .region-contentmain::after
	{
		top: 0px;
	}

	/* Center back to news text / link */
	.node-type-panopoly-news-article .back-to-news
	{
		display: block;
		text-align: center;
	}


/* We need margin top for "Meet our Employees" (site.less -> line 324) */
  .page-node-29 .radix-bryant.radix-bryant-aside .region-contentmain > div:first-of-type,
  .page-node-29 .radix-bryant.radix-bryant-aside .region-contentaside > div:first-of-type {
      margin-top: 75px;
  }

/* Footer  - site.css */
/* line 980 */
#block-menu-menu-footer-menu li.leaf
{
	padding:0 5px;
}

/* Accessibility Page */
/* Left sidebar "related links" */
.page-node-213 .panel-pane.pane-fieldable-panels-pane.pane-vuuid-d3c55406-41bc-42d3-90f1-c7246a977fbe.pane-bundle-text
{
	font-size: 13px;
	padding-right: 10px;
}

.page-node-213 .panel-pane.pane-fieldable-panels-pane.pane-vuuid-d3c55406-41bc-42d3-90f1-c7246a977fbe.pane-bundle-text ul
{
	padding-left: 5px;
}

/*  Education & Awareness */
.node-education-awareness-posts .pane-title
{
	display: none;
}

.article-image--230-x-175-
{
	float: left;
	padding: 10px;
}

.pane-node-field-ea-photos
{
	clear: both;
}

/* Magnific Popup gallery */
.mfp-thumbnail
{
	width: 410px;
	margin: 5px !important;
}

/* Who we are (remove "shadow") site.less - line:1276 */
.view-id-page_summary
{
	position: relative;
}

div.sustainability-circles {
    text-align: center;
}

ul.sustainability-circles {
    position: relative;
}

ul.sustainability-circles,
ul.sustainability-circles li {
    display: block;
    list-style: 0;
    margin: 0 auto;
    padding: 0;
    width: 120px;
}

ul.sustainability-circles li {
    border-radius: 120px;
    height: 120px;
    text-align: center;
    color: #515151;
    border: 4px solid #044583;
    font-size: 14px;
    position: relative;
    padding-top: 32px;
}

ul.sustainability-circles li.green {
    border-color: #cfdb2e;
    top: -20px;
}

ul.sustainability-circles li.orange {
    border-color: #22a4c2;
    top: -40px;
}