@font-face {
	font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=3.2.1');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}
/******************************* HEADER FORMATTING ********************/
/* Style white box - AN 11/18/15 */
#whitebox {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	background: white;
}
/* Style font for welcome statement - AN 11/18/15 */
 .welcomestatement
 {
	font-size: 1.15em;
 }


/* Override bootstrap Nav Box settings  AN 11/18/15*/
header#navbar.navbar.navbar-default
{
	background-color: #fff;
	border-color: #fff;
}
/* override bootstrap  AN 11/18/15 */
h1.page-header
{
border-bottom: 0px;
}
/* override bootstrap container AN 11/18/15 */
header#navbar .container
{
	padding-right: 0px;
	padding-left: 0px;
}
/*reset font   AN 11/18/15  */
#preface-wrapper h2
{
	float: left;
	font-size: 2em;
}
/****************************** SIDE MENU FORMATTING ******************************/
html {
	font-size: 16px;
}

.well {
	padding: 0;
  background-color: transparent;
  border: none;
}

.contextual-links-region {
    /*width: 100% !important; AN 113015*/
}

/*ul.menu.nav > li {
	font-size: 150%;
}*/

.region-sidebar-first .nav > li,
.region-sidebar-first .nav > li > a:focus,
.region-sidebar-first .nav .open > a {
    background-color: #fff;
    margin-bottom: 2px;
}

.region-sidebar-first .nav > li > a {
	color:#243f78;
	text-decoration: none;
	font-family: arial;

}
.region-sidebar-first .nav > li > a.active {
	color:#089a55;
	text-decoration: none;
	font-family: arial;
}

.region-sidebar-first .nav > li > a:hover,
.region-sidebar-first .nav > li > a:focus {
    background-color: #fff !important;
    color:#089a55;
	text-decoration: none;
	font-family: arial;
}

.region-sidebar-first .nav > li > .dropdown-menu > li {
    background-color: #fff; /*#DEF0FA;*/
    margin-bottom: 2px;
    list-style-type: none;
}

.region-sidebar-first .nav > li > .dropdown-menu > li > a,
.region-sidebar-first .nav > li > .dropdown-menu > .active > a {
	color: #000000;
	background-color: #fff; /*#DEF0FA;*/
	font-weight: bold;
	text-decoration: none;
}

.region-sidebar-first .nav > li > .dropdown-menu > li > a:hover,
.region-sidebar-first .nav > li > .dropdown-menu > li > a:focus,
.region-sidebar-first .nav > li > .dropdown-menu > li > a:active,
.region-sidebar-first .nav > li > .dropdown-menu > .active > a:hover,
.region-sidebar-first .nav > li > .dropdown-menu > .active > a:focus {
    background-color: #fff;
    list-style-type: none;
    text-decoration: none;
    color: #089a55;
    font-weight: bold;
}

.region-sidebar-first ul.menu.nav li.leaf.active,
.region-sidebar-first .nav > li.active-trail.active {
	background-color: #fff !important;
}


/***************************** CFPT LANDING PAGE ***************/
.page-node-333  #block-system-main
{
	background: #f3f3f3
}

.silverblock-blockindent /* New silverblock addition 10/31/16 */
{
	margin:10px !important;
	padding:10px !important;

}
.silverblock-float /*  New silverblock change */
{
	width: 250px;
	float: right;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 5px;
}

.silverblock
{
	background: #f7f5f3;
	border-radius: 5px;
	}
.page-node-333  #block-system-main h3
{
	font-style: normal
}
/*#block-panels-mini-cfpt-home h2.pane-title , .related_resources h2.pane-title,  .related_resources h2.block-title
{
	color: blue;
	font-style: normal;
	font-size: 1.5em;
} AN 5/16 */
/*#block-panels-mini-cfpt-home .view-header,
#block-panels-mini-cfpt-home .view-header p,
#block-panels-mini-cfpt-home .pane-content div.view-header  p,
#block-panels-mini-cfpt-home,
#block-panels-mini-cfpt-home a,*/
#mini-panel-diesel_fuels h2
{
	font-size: 1.55em;
}

#block-panels-mini-cfpt-home .pane-content, #related_resources .pane_content
{
	text-align: left;
}
#block-panels-mini-cfpt-home   a, #related_resources a
{
	color: #243F78;
}
#block-panels-mini-cfpt-home  td, #related_resources td
{
	border-top: 0px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	padding: 0px 0px 5px 0px;
}
#block-panels-mini-cfpt-home   table.table, #related_resources table.table
{
	margin-bottom: 0px;
}
#block-panels-mini-cfpt-home   .view-footer a::before, #related_resources  .view-footer a::before
{
	content: "> ";
	color:#243F78;
}
#block-panels-mini-cfpt-home   .view-header,  #elated_resources .view-header
{
	padding-bottom:5px
}
#block-panels-mini-cfpt-home   .panel-col, #related_resources  .panel-col
{
	border-right:  1px solid #ddd;
	border-left:  1px solid #ddd;
}
#block-panels-mini-cfpt-home  .panel-panel .inside, #related_resources .panel-panel .inside
{
	margin-left: 5px;
}

.cfptheader h2
{
	/*vertical-align: middle;*/
	vertical-align: middle;
	text-align: left !important;
	margin-top: 10px;
}
p.strategybuttons , .cfptheader  ul.nav a{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: left;
	border: 3px solid #243f78;
	background: #243f78;
	color: #243f78;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 270px;
}

a.strategybuttons, a.strategybuttons:visited,a.strategybuttons:link, a.strategybuttons:hover,
.cfptheader  ul.nav a, .cfptheader   ul.nav a:visited, .cfptheader   ul.nav a:link, .cfptheader   ul.nav a:hover
{
	font-weight: normal;
 	text-decoration: none;
 	/*text-align: center;*/
	color: #FFFFFF;
	font-size: 14px;
	font-family: calibri, arial;
}
.cfptheader ul.nav li a
{
	padding-top: 5px;
	padding-bottom: 5px;
}
.cfptheader ul.nav li
{
	padding-bottom: 10px;
}
.cfptheader ul.nav
{
	float: right;
}

/* 12/30/16 */

#cfptheader.ictheader  h2:after
{
	content: url(../images/ict.png);
	float: left;
	padding-top: 50px;
}

#cfptheader.foodheader h2:after
{
	content: url(../images/food.png);
	float: left;
	padding-top: 50px;
}
#cfptheader.psheader h2:after
{
	content: url(../images/ps.png);
	float: left;
	padding-top: 50px;
}
#cfptheader.professionalservicesheader h2:after
{
	content: url(../images/professionalservices.png);
	float: left;
	padding-top: 50px;
}

#cfptheader.dieselfuelsheader h2:after
{
	content: url(../images/dieselfuels.png);
	float: left;
	padding-top: 50px;
}

#cfptheader.flooringheader h2:after
{
	content: url(../images/flooring.png);
	float: left;
	padding-top: 50px;
}

#cfptheader.constructionheader h2:after
{
	content: url(../images/construction.png);
	float: left;
	padding-top: 50px;
}


/* DK 3/21/2016
*/
.borderboxgreen{
	border-radius: 75px;
    border: 2px solid #73AD21;
    padding: 20px;
    width: 450px;
}
.ax_h1 {
    font-family: 'Arial Bold', 'Arial';
    font-weight: 700;
    font-size: 32px;
    color: #333333;
}
.ax_h2 {
    font-family: 'Arial Regular', 'Arial';
    font-weight: 400;
    font-size: 18px;
}
.ax_button {
    font-family: 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal  !important;
    color: #FFFFFF !important;
	padding: 5px;
	border-radius: 5px;
	background: blue;
	padding: 5px
}
.trendAnalysisLinks {
	font-weight: normal !important;
}
.textContainer {
	height: 70px;
	display: flex;
	align-items: center;
}

/* DK 4/1/2016 Landing Page
*/
#node-333 {
    margin-left: 30px;
    margin-right: 30px;
}

.homejumbotron {
	background-color: #bbbbbb;
}

.overview-box {
	background-color: white;
}

.learn-more-btn {
	background-color: blue;
	border-color: blue;
}

.learn-more-btn:hover {
	background-color: #2161A1;
	border-color: #2161A1;
}

.targetingToolsLinks, .targetingToolsLinks:visited, .targetingToolsLinks:link, .targetingToolsLinks:hover {
	font-weight: bold;
	color: #243F78;
	font-size: 16px;
	font-family: 'Arial Regular', 'Arial';
}

.sectorStratergiesLinks, .sectorStratergiesLinks:visited, .sectorStratergiesLinks:link, .sectorStratergiesLinks:hover {
	font-weight: normal;
 	text-decoration: none;
	color: #00008B;
	font-size: 16px;
	font-family: 'Arial Regular', 'Arial';
}

.generalLinks, .generalLinks:visited, .generalLinks:link, .generalLinks:hover {
	color: #243F78;
}

.subHeader {
	font-family: 'Arial Regular', 'Arial';
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
}

.silverblock ol li span {
	font-weight: normal;
}

.graphBox {
	background-color: #bbbbbb;
}

.graphBoxImg {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.sm {
 word-wrap: break-word;
 font-size: .85em;
 width: 85px;
 float: right;
}

.row.show-grid .col-md-6  .row.show-grid .col-md-6
{
width: 45%;
}
.indent
{
padding-left: .75em;
padding-bottom: .75em;
}

.ax_paragraph {
    font-family: 'Arial Regular', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333333;
    text-align: left;
    line-height: normal;
}

.mycontainer
{
display:inline-block;
width: 80%
}
.mycontainer .right
{
	float:right;
	width: 40%;
	padding-left: 5px;
	display:inline;
	vertical-align: top;
}
.mycontainer .left
{
	float:left;
	width: 40%;
	padding-right: 5px;
		display:inline;
	vertical-align: top;
}

/*
DK 4/5/2016 New styles for Footer
*/
.footer .region-footer ,
.footer .region-footer .block-views,
.footer .region-footer #footer_icon,
footer.footer,
.region-footer section
{
display: inline-block;
 text-align: center;
}
.footer .region-footer
{
/*width: 750px; Commented out AN 5/16/16 as footer did not fully center */
width: 1000px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.footer .region-footer .block-views
{
    width: 575px;
}
.footer .region-footer  #footer_icon {
 width: 75px;
 border-right: 1px solid #ddd;
}

.region-footer section > p > a > img {
	margin-right: 45px;
}
/* AN 12/31/16 - toolkit footer slightly off */

#mainpage.climateactiontoolkit footer.footer img.img-responsive
{
	max-width: none;
}
/* AN TOC 5/4/16 */
#cfpt_toc
{
/*	padding-top: 40px;
	padding-bottom: 20px*/
	display: block;
}
.tabsbar .quicktabs-main {
  padding-top: 0;
}

#cfpt_toc a
{
    background-color: #243f78;
	color: #fff;
	padding: 5px 5px;
	text-decoration: none;
	margin-left: 5px;
}

/* Update links to blue in CFPT section  5/13/16 */
.climatefriendlypurchasingtoolkit .field-name-body a,
.region-content .field-name-body a
{
	color:#243F78 !important
	}
/* bootstrap hover effect stopped working. 5/17/16 */
.dropdown:hover .dropdown-menu {
    display: block !important;
	position: relative !important;
	float: none !important
}
.dropdown:hover .dropdown-menu  li, .dropdown:hover .dropdown-menu  li a {
    display: block !important;
	z-index: 5000 !important;
	position: relative !important;
	float: none !important
}
.climatefriendlypurchasingtoolkit .region-sidebar-first .nolink,
.page-cfpt  .region-sidebar-first .nolink /*added for view pages*/
{
	    background-color:   #243f78;
		color: #fff;
		display: block;
		padding: 10px 15px;
	    font-weight: bold;
		font-family: 'Arial Regular', 'Arial';
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover
{
	background-color: #fff;
	color: #000;
}

/*override dropdown.less which prevents wrap around in menu*/
.region-sidebar-first   .dropdown-menu li a,
.region-sidebar-first   .dropdown-menu li
{
		word-wrap: break-word;
		vertical-align: top;
		overflow-wrap: break-word;
		white-space: normal !important
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus
{
background-color: #466df0;
}



/*
April 2020 update:
With the Bootstrap 7.x-3.22 update, for some reason the navigation menus are no
longer adding the "nav" class name to the <ul> elements that contain navigation
menus. The theme's styles depend on that class name, so the following styles are
being added so the theme visually looks the same after applying the Bootstrap
theme update.
*/
.header_menu .menu,
.navbar_menu .menu {
  padding-left: 0;
  margin-bottom: 0;
}

.header_menu .menu::before,
.navbar_menu .menu::before {
  display: table;
  content: " ";
}

.header_menu .menu > li,
.navbar_menu .menu > li {
  position: relative;
  list-style: none;
}

.header_menu .menu > li > a {
  padding: 10px 15px;
}
#block-headermenu.header_menu .menu > li > a {
  padding: 5px 8px;
}

.header_menu .menu > li > a,
.navbar_menu .menu > li > a {
  position: relative;
  display: block;
}

/*7/2020 added styles*/
img.sustainable-diagram {
	height:auto; width:70%
}

@media only screen and (max-width: 600px) {
	img.sustainable-diagram {
		width:100%
	}
  }

/*responsive_menus_simple.css override 7/2020*/
.responsive-menus.responsified .responsive-menus-simple li a {
color: #243f78 !important;
}

.responsive-menus.responsified .responsive-menus-simple li a:hover {
	text-decoration:underline !important;
}

.region-sidebar-second [data-drupal-link-system-path='node/131'] {
  background-image: url('../images/icon_cat.png');
  background-repeat: no-repeat;
  background-position: left;
}
.region-sidebar-second [data-drupal-link-system-path='node/152'] {
  background-image: url('../images/icon_food.png');
  background-repeat: no-repeat;
  background-position: left;
}
.region-sidebar-second [data-drupal-link-system-path='node/333'] {
  background-image: url('../images/icon_cfpt.png');
  background-repeat: no-repeat;
  background-position: left;
}
.region-sidebar-second [data-drupal-link-system-path='node/229'] {
  background-image: url('../images/icon_resource.png');
  background-repeat: no-repeat;
  background-position: left;
}
.region-sidebar-second [data-drupal-link-system-path='node/130'] {
  background-image: url('../images/icon_mic.png');
  background-repeat: no-repeat;
  background-position: left;
}

#block-views-block-latest-content-block-1 td:first-child {
  width: 60%;
}
#block-views-block-latest-content-block-1 td:last-child {
  width: 40%;
}
