/* - ploneCustom.css - */
@media screen {
/* https://greeningthegrid.org/portal_css/ploneCustom.css?original=1 */
/* */
#content form.searchPage #search-filter dl { float: none; }
#content form.searchPage #search-filter dl.portlet dd { margin: 0; padding: 0; }
#content form.searchPage #search-filter dl.actionMenu.activated dd{ position: relative; }
#content form.searchPage #search-filter .select2-choices{ margin: 0; width: 100% }
#content form.searchPage #search-filter .select2-container-multi .select2-choices .select2-search-field input{ width: auto; }
#content form.searchPage #search-filter { background: transparent }
#content form.searchPage #search-filter dl dl dt,
#content form.searchPage #search-filter label { padding: 0em;  background: transparent; }
#content form.searchPage #search-filter .field { padding: 1em;  background: transparent; }
#content form.searchPage #search-filter .field div { margin: 0 !important; float: none !important; }
#content form.searchPage #search-filter dl.actionMenu { margin-left: 0, white-space: normal; }
#content form.searchPage #search-filter dl.actionMenu div {white-space: normal;}
#content form.searchPage #search-filter dl.actionMenu div.select2-display-none { display: none !important; }
#content form.searchPage{ overflow: hidden; display: flex; flex-wrap: wrap; }
@media screen and (max-width: 767px) {
#content form.searchPage .span3{
order: 1;
}
#content form.searchPage .span9{
order: 2;
}
//   #portal-globalnav li ul.submenu{ display: none !important; }
#portal-globalnav li.selected ul.submenu{
position: relative;
left: 0;
//      display: block !important;
}
}
.portletAdvancedSearch dt.portletHeader {
background: orange;
text-transform: none;
padding: 10px;
height: 30px;
line-height: 30px;
text-align: center;
position: relative;
}
.portletAdvancedSearch dt.portletHeader:after {
content: ' ';
width: 0px;
height: 0px;
border-top: 10px solid orange;
border-left: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
right: 80%;
top: 100%;
}
.portletAdvancedSearch p {
margin: 20px 12px 10px;
color: #777;
font-size: 15px;
}
input.searchPage {
font-size: 18px !important;
padding: 10px;
margin: 10px;
font-family: 'Roboto';
}
input.searchPage.searchButton {
color: #FD6523;
padding: 10px 20px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.035em;
}
.help-block {
font-size: 12px;
}
input[type="radio"], input[type="checkbox"] {
margin: 2px 7px 0;
float: left;
}
.optionsToggle {
border: none;
color: #666;
}
body {
background-color: #ffffff;
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
line-height: 1.5em;
margin: 0;
}
#lineageSelectionForm {
position: absolute;
right: 0px;
top: 63px;
display: none;
}
.site-gtg #lineageSelectionForm { display: none; }
#lineageSelectionForm option[value="http://greeningthegrid.org"] { display: none; }
/* */
.atss {
position: fixed;
top: 222px!important;
}
.template-front_page .atss {
position: fixed;
top: 542px!important;
}
/* */
.nest-navigation-bar {
display: none;
background: #044F79;
}
.nest-nav-inner {
margin: 0 auto;
padding: 10px 20px 0px;
width: 83%;
}
/* */
.top-header {
display: block;
position: absolute;
top: -40px;
right: 0;
}
@media screen and (max-width: 1100px) {
.top-header {
top: -60px;
}
}
@media screen and (max-width: 768px) {
.top-header {
top: -70px;
}
.toolkit-dropdown ul {
margin: 0;
float: right;
font-size: 14px;
}
}
.toolkit-dropdown ul {
margin: 0 20px 0 0;
float: right;
}
.toolkit-dropdown ul li .companion-select {
display: none;
min-width: 340px;
z-index: 100;
right: 10px;
margin: 0;
background: #f3f3f3;
position: absolute;
box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
}
@media screen and (max-width: 768px) {
.toolkit-dropdown ul li .companion-select {
display: none;
min-width: 300px;
z-index: 100;
right: 0px;
margin: 0;
background: #f3f3f3;
position: absolute;
box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
}
}
.toolkit-dropdown ul li .companion-select li {
float: none;
background-image: none;
padding: 0 10px;
margin: 0;
border-bottom: 1px dotted #c8c8c8;
}
.toolkit-dropdown ul li .companion-select li a {
color: #3390aa;
background-image: none;
text-transform: none;
}
.toolkit-dropdown ul li:first-child a {
background: url(compass-icon-3.png) right center no-repeat;
background-size: 25px;
padding-right: 32px;
color: #fff;
text-transform: uppercase;
}
.toolkit-dropdown ul li a {
display: table-cell;
vertical-align: middle;
height: 42px;
}
.toolkit-dropdown ul li:hover .companion-select {
display: block; }
.toolkit-dropdown ul .companion-select.opened{
display: block;
}
/* */
h1, h2, h3, h4 {
font-weight: 500;
line-height: 1.4em;
font-family: 'Roboto', sans-serif;
letter-spacing: -0.015em;
}
#content h1.documentFirstHeading,#content h1 {
color: #3390aa;
font-size: 36px;
margin-top: 0;
}
h2 { color: #495768; }
h2.headline {
font-size: 28px;
margin-bottom: 0;
padding: 0;
}
h2.headline a { color: #3390aa !important; }
h3.letter {
background: #73ad00 none repeat scroll 0 0;
border: 4px solid #ddd;
border-radius: 50%;
color: #fff;
height: 40px;
line-height: 40px;
margin-bottom: 0.5em;
text-align: center;
width: 40px;
}
h3 {
font-size: 22px;
color: #3390aa;
margin: 1.5em 0 .5em;
}
h4 {
font-size: 20px;
margin: 1.5em 0 .25em;
color: #495768;
}
.template-home_template .breadcrumb {
display:none;
}
.template-front_page .breadcrumb {
display: none;
}
#portal-logo {
display: inline-block;
margin: 1.25em 0 .75em 1em;
}
#portal-logo img {
width: 325px;
}
@media screen and (max-width: 768px) {
#portal-logo {
margin: 30px 0 0 1em;
}
#portal-logo img{
width: 300px;
}
}
#portal-header-wrapper {
background: url("nav-bg2.png") repeat-x scroll 0 bottom #fff;
box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.75);
margin: 0;
position: relative;
height:173px;
}
#portal-header {
height: 105px;
margin: 0 auto;
max-width: 90%;
position: relative;
top: 0;
z-index: 2;
}
@media screen and (max-width: 768px) {
#portal-header {
max-width: 100%;
}
}
#portal-personaltools-wrapper {
top: 7px;
}
@media screen and (max-width: 768px) {
#portal-personaltools-wrapper {
right: 10px;
}
}
.documentByLine {
color: #888 !important;
display: block;
font-size: 80%!important;
text-transform: uppercase;
}
#user-name {
margin-top: 10px;
margin-left: 10px;
padding: 4px 12px;
text-transform: uppercase;
}
.LSBox {
position: relative;
right: 0;
top: 20px;
}
@media screen and (max-width: 1024px) {
.LSBox {
top: 36px;
right: 10px;
}
}
/* */
#globalnav-wrapper {
text-align: center;
}
#portal-globalnav li {
float: none;
display: inline-block;
text-align: left;
}
.navbar .nav {
display: block;
float: left;
margin: 0 10px 0 0;
position: relative;
}
#portal-globalnav > li > a,
.navbar .nav > li > a {
float: none;
text-shadow: none;
font-size: 1.1em;
font-weight: 400;
padding: 13px 15px 8px;
text-transform: uppercase;
color:#fff;
}
#portal-globalnav > .active > a, #portal-globalnav > .active > a:hover, #portal-globalnav > .active > a:focus,
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
background: url("shadow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
color: #043652;
text-decoration: none;
}
#portal-globalnav ul.submenu a, #portal-globalnav ul.submenu a:hover{ padding: .75em; }
ul.submenu {
box-shadow: 0px 0px 10px rgba(0, 0, 0, .25);
text-align: left;
font-size: 14px;
}
.navbar-inner {
background-color: transparent;
background-image: none;
border: none;
border-radius: 0px;
box-shadow: none;
min-height: 40px;
padding-left: 20px;
padding-right: 20px;
}
/* */
li#portaltab-navigate-gtg {
background: url(compass-icon-3.png) no-repeat scroll 0 0 #FFB921;
padding-left: 0;
margin-left: 20px;
padding-right: 20px;
background-size: 25px;
background-position: 10px;
text-indent: 26px;
border-color: #fff;
transition: all 0.3s ease-in;
}
li#portaltab-navigate-gtg:hover {
background: url(compass-icon.png) no-repeat scroll 0 0 #FEA62E;
background-size: 25px;
background-position: 10px;
}
#portal-globalnav > li#portaltab-navigate-gtg a.plain {
color: #333;
font-weight: bold;
border-top: #fff;
}
#portal-globalnav > li#portaltab-navigate-gtg a.plain:hover {
color: #fff;
}
dl.portlet ul.navTreeLevel0>.navTreeItem.section-navigate-gtg .state-published {
color: #FEA62E !important;
font-weight: bold;
}
dl.portlet ul.navTree.section-navigate-gtg .state-published li a {
color: #FEA62E;
}
.breadcrumb {
background: none repeat scroll 0 0 #fff;
border-bottom: 1px solid #eee;
font-size: 0.8em;
list-style: outside none none;
margin: 2em 0;
padding: 2px 15px 8px;
}
/* */
.section-coming-soon #portal-banner {
background: url('wind-gallery4.jpg') no-repeat scroll center bottom / cover;
height: 800px;
}
.section-coming-soon .breadcrumb, .section-coming-soon #parent-fieldname-title, .section-coming-soon #parent-fieldname-description {
display: none;
}
.coming-soon-text {
position: absolute;
top: 45%;
z-index: 1000;
background: rgba(0,0,0,0.65);
left: 25%;
padding: 30px 30px 60px;
color: #fff;
margin: 0;
width: 50%;
text-align: center;
}
@media screen and (max-width: 768px) {
.coming-soon-text {
left: 4%;
padding: 20px;
width: 80%;
}
.coming-soon-text h2 {
font-size: 24px!important;
}
.coming-soon-text h3 {
font-size: 16px!important;
}
}
.coming-soon-text h2 {
font-size: 50px;
margin: 0;
color: #fff;
}
.coming-soon-text h3 {
font-size: 30px;
margin: 0;
color: #73ad00;
}
/* */
@media screen and (max-width: 768px) {
.site-Grid-Integration-Toolkit dl.portlet.portletNavigationTree { display:none; }
.site-Distributed-photovoltaics dl.portlet.portletNavigationTree { display:none; }
.site-Renewable-Energy-Zones-Toolkit dl.portlet.portletNavigationTree { display:none; }
}
/* */
.slick-slider{ clear:both; }
.portaltype-folder #portal-banner {
height: 0;
}
#portal-banner {
height: 300px;
}
@media screen and (max-width: 768px) {
#portal-banner {
height: 200px;
}
}
.section-about #portal-banner {
background: url(toolkit-images/Anypage_REZ-Toolkit_iStock-187087247.jpg) no-repeat scroll center bottom / cover;
}
.section-where-we-work #portal-banner {
background: url("toolkit-images/rez-training-banner.jpg") no-repeat scroll center bottom / cover;
}
.section-toolkits #portal-banner {
background: url("toolkit-images/rez-training-banner.jpg") no-repeat scroll center bottom / cover;
}
.section-ask-an-expert #portal-banner{
background: url("toolkit-images/rez-topics-banner.jpg") no-repeat scroll center bottom / cover;
}
.section-news #portal-banner{
background: url("slider/powergrid-slide.jpg") no-repeat scroll center center / cover;
}
.section-overview #portal-banner{
background: url("slider/powergrid-slide.jpg ") no-repeat scroll 0 -450px / cover rgba(0, 0, 0, 0);
height: 80px;
}
.section-trainings-1 #portal-banner{
background: url("toolkit-images/hero-energyexecs-29194.jpg") no-repeat scroll center center / cover;
}
.section-topics #portal-banner{
background: url("slider/powergrid-slide.jpg") no-repeat scroll 0 -360px / cover rgba(0, 0, 0, 0);
height: 80px;
}
.section-resources #portal-banner{
background: url("toolkit-images/rez-iStock-188076117.jpg") no-repeat scroll center bottom / cover;
}
.subsection-glossary #portal-banner{
background: url("slider/wind-power2.jpg") no-repeat scroll center center / cover;
}
.section-help #portal-banner {
background: url("slider/wind-energy.jpg") no-repeat scroll center center / cover;
}
.section-quick-reads #portal-banner {
background: url("slider/powergrid-slide.jpg") no-repeat scroll 0 -430px / cover rgba(0, 0, 0, 0);
height: 80px;
}
.section-integration-topics #portal-banner {
background: url("slider/solar-field.jpg") no-repeat scroll 0 -370px / cover rgba(0, 0, 0, 0);
height: 80px;
}
/* */
#portal-columns {
background: none repeat scroll 0 0 #fff;
margin: 0 auto;
max-width: 80%;
padding: 1em 2em 2em;
}
#portal-column-two {
margin-top: 4em;
}
#content a:link, dl.portlet a:link {
border-bottom: medium none;
color: #205c90;
}
#content .documentDescription, #content #description {
font-family: 'Roboto', sans-serif;
color: #666;
font-size: 20px;
line-height: 1.5em;
font-weight: 500;
margin: 15px 0;
letter-spacing: 0!important;
}
#portlet-expert {
margin-left: -20px;
margin-top: 20px;
}
#portlet-partners {
margin-left: -1em;
}
#portlet-partners img {
width: 240px !important;
}
#portlet-partners h3 {
color: #8e8e8e;
font-size: 12pt;
margin-top: 40px;
}
/* */
#partners img {
margin: 5px;
}
#portal-footer-wrapper {
background: #222;
border-top: 8px solid #77AD51;
bottom: 0;
margin-top: 0em !important;
}
#portal-footer {
background: none repeat scroll 0 0 transparent;
color: #ccc;
font-size: 75%;
line-height: 2em;
margin: 1em auto;
padding: 1em;
max-width: 80%;
}
#portal-footer h3 {
color: #77AD51;
font-size: 20px;
font-weight: 400;
margin-top: 0;
text-transform: uppercase;
}
#portal-footer p {
color: #40a9a0;
font-size: 1.3em;
margin-right: 1em;
}
#portal-footer p > a {
color:#59F4E6;
}
#portal-footer p > a:hover {
color:#F77614;
}
#portal-footer ul.menu {
font-size: 14px;
letter-spacing: 0;
text-transform: uppercase;
}
#portal-footer .menu a {
border-bottom: 1px dotted #777;
color: #00A69C;
display: block;
line-height: 1.5em;
padding-bottom: 6px;
padding-top: 6px;
width: 90%;
}
#portal-footer .menu a:hover {
color: #F77614;
}
#portal-siteactions {
font-size: 80%;
margin-top: -2em;
position: relative;
padding: 1.5em;
}
#portal-siteactions li {
display: inline;
padding: 0 0.75em;
text-transform: uppercase;
}
#portal-siteactions > li a {
color: #ccc !important;
font-size: 13px;
letter-spacing: 0.1em;
}
#content ul {
margin-bottom: 2em;
}
#content li {
margin-bottom: 0.75em;
}
ul, ol {
margin: 0 1em 10px 0;
padding: 0;
}
#portal-colophon p {
font-size: 14px;
line-height: 1.3em;
margin-top:2em;
}
#portal-colophon a {
color: #00A69C;
}
/* */
dl.portlet > dt, div.portletAssignments div.portletHeader {
background: url("shadow.png") no-repeat scroll 0 0 #77AD51;
font-size: 1.1em;
letter-spacing: 0.025em;
line-height: normal;
padding: 0.35em 1.3em;
text-transform: uppercase;
border-radius: 4px;
border: none;
margin: 15px 0;
color: #fff;
font-weight: 400;
}
dl.portlet dt a:link, dl.portlet dt a:visited {
color: #fff;
display: block;
text-decoration: none;
}
dl.portlet dt a:hover { color: #ADEB24 !important; }
dl.portlet ul.navTreeLevel0 > .navTreeItem {
border-bottom: 0.1em dotted #ddd;
line-height: 1.4em;
padding: 8px 30px;
}
dl.portlet ul.navTree .navTreeCurrentItem {
background: url(arrow-orange.png) no-repeat;
border-left: 0em solid #fff!important;
font-weight: 600;
color: #3390aa !important;
padding-left: 1.8em !important;
margin-left: -30px;
}
dl.portlet ul.navTreeLevel1 .navTreeCurrentItem {
background: url(arrow-small.png) no-repeat left 8px;
border-left: 0em solid #fff!important;
color: #3390aa !important;
padding-left: 1.1em !important;
margin-left: 0px;
}
a.navTreeItemInPath {
font-weight: bold;
}
dl.portlet ul.navTree.navTreeLevel1 {
margin: 8px -8px;
}
dl.portlet .navTreeLevel1 > li a {
padding: 5px 0;
font-size: 14px;
line-height: 1.4em;
}
.portlet li .navTreeItem .icons-on {
background: url("contenttypes-sprite-off.png")!important;
}
dd.portletItem {
padding: 0em!important;
}
.portletWrapper {
margin: 2em 0;
}
/* */
.portletCollection .portletItem {
padding: 10px!important;
border-bottom: 2px dotted #ddd;
font-size: 14px;
}
.portletCollection .portletFooter a {
background-color: #479cd5;
color: #fff!important;
padding: 6px 15px;
border-radius: 4px;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
display: table;
margin-left: -6px;
}
dl.portlet .portletFooter a:hover {
color: #fff !important;
background: #1E7DC2;
}
.icons-on .contenttype-document, .icons-on .contenttype-event, .icons-on .contenttype-folder, .icons-on .contenttype-link, .icons-on .contenttype-news-item, .icons-on .contenttype-plone-site, .icons-on .contenttype-collection, .icons-on .contenttype-topic, .icons-on .contenttype-file, .icons-on .contenttype-image {
line-height: 1.4em;
padding-left: 0px !important;
background: url("contenttypes-sprite-off.png") no-repeat;
}
#photo-wrapper h2 {
bottom: 150px;
color: #fff;
font-size: 5em;
position: relative;
text-align: center;
text-shadow: 2px 3px 5px #000;
}
#photo-wrapper img {
/* */
min-height: 100%;
min-width: 1024px;
/* */
width: 100%;
height: auto;
/* */
position: fixed;
top: 200px;
left: 0;
}
/* */
.tileItem {
border-top: 1px dotted #ccc;
margin: 1.5em 0;
padding-top: 1.5em;
}
#content img.tileImage, #content div.newsImageContainer {
float: left;
margin: 0;
}
.tileImage {
border: 1px solid #ccc;
float: left;
margin: 0 1.5em 1em 0;
padding: 4px;
}
h2.tileHeadline {
font-size: 25px;
margin-top: 0;
}
@media screen and (max-width: 1024px) { /* */
#photo-wrapper img {
left: 50%;
margin-left: -512px;   /* */
}
}
.nav-pills > .active > a, .nav-pills > .active > a:hover {
background-color: #98ce1e;
color: #fff;
}
.template-front_page .searchSection label {
display:none;
}
.template-front_page .documentByLine#plone-document-byline {
display: none!important;
}
.searchSection label {
color: #555;
}
#portal-header .form-search #searchGadget {
background: url(shadow.png) no-repeat scroll left 0 rgba(0, 0, 0, 0);
border-radius: 5px;
box-shadow: none;
height: 23px;
margin-right: 0px;
}
/* */
#slideshow .slick-slide{
background-size: cover;
background-position: center;
height: 450px;
color: white;
}
#slideshow .slick-dots {
bottom: 0;
}
#slideshow .slick-dots li button:before{
font-size: 15px;
color: white;
opacity: 0.75;
}
#slideshow .slick-dots li.slick-active button:before{
opacity: 1;
}
#slideshow .slick-prev,
#slideshow .slick-next{
height: 26px;
width: 30px;
}
#slideshow .slick-prev:before,
#slideshow .slick-next:before{
font-size: 30px;
}
#slideshow .slick-prev{
left: 20px;
}
#slideshow .slick-next{
right: 20px;
}
#slideshow .span8{
margin-right: auto;
margin-left: 4em;
float: none;
margin-top: 115px;
}
#slideshow .description {
background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0;
margin-left: 3em;
padding: 30px;
width: 50%;
}
.description h3 {
margin: 0 0 10px 0;
font-size: 30px;
}
.description a {
color: #fff;
}
.description a:hover {
color: #36A9CB;
text-decoration:none;
}
.slick-slider {
margin-bottom: 0px!important;
}
.description > p {
font-size: 16px;
line-height: 1.5em;
}
.brand.hidden-desktop {
display: none !important;
}
/* */
.hilitebox {
background: none repeat scroll 0 0 #fff;
border: 1px solid #fff;
border-radius: 6px;
min-height: 490px !important;
padding: 15px 15px;
margin: 1em 0em;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);
position: relative;
}
.hilitebox h2 {
font-size:26px;
color: #3390aa;
line-height:1.25em;
}
.hilitebox h4 {
color: #777;
font-size: 18px;
font-weight: 500;
line-height:1.3em;
margin:0;
}
.hilitebox li {
list-style: outside none none;
line-height:1.3em;
}
.morelink a {
font-size: 80%;
text-transform: uppercase;
}
.hilitebox .documentByLine {
color: #888 !important;
display: block;
font-size: 80% !important;
margin-bottom: 0em!important;
}
.news.documentByLine {
border-top: 1px solid #ddd;
padding-top: 10px;
border-bottom: none;
}
.hilitebox a {
font-weight: 600;
}
/* */
.tabbedcontent ul.nav.nav-tabs {
list-style: outside none none !important;
margin: 1em 0 0em 0!important;
}
.tabbedcontent li {
margin-bottom: 0.0125em!important;
}
.tab-pane {
background: #ddd none repeat scroll 0 0;
padding: 10px 30px;
}
#partnerwrapper {
background: none repeat scroll 0 0 #fff !important;
border-bottom: 4px solid #73ad00;
border-top: 4px solid #73ad00;
padding: 2em;
}
#partners {
width: 1000px;
margin: 0 auto;
}
#partners img:hover { opacity:.8; }
#partners > ul {
color: #999 !important;
letter-spacing: 0.075em;
padding-top: 1.5em;
text-transform: uppercase;
}
.floatright {
float: right;
margin-bottom: 1em;
margin-left: 1.5em;
}
img.image-left, img.image-right, .captioned img {
border: none;
}
.img-right {
float: right;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 10px;
}
.img-responsive { max-width: 100%; }
.image-right {
max-width: 100%;
margin: 0 0 1em 2em;
}
.image-left {
max-width: 100%;
margin: 0 2em 1em 0;
}
.image-inline {
margin: 20px auto;
}
.image-inline .image-caption {
text-align: center;
}
.floatleft {
float:left;
margin-right:1.5em;
}
.caption {
font-size: 14px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.caption-reverse {
background: #444;
color: #fff;
font-size: 14px;
padding: 10px 20px;
}
dd.image-caption {
padding: 6px 0 0 0px;
margin: 0!important;
text-align: center;
}
.leftspace {
float:left;
margin: 0 1em;
}
.template-front_page #plone-contentmenu-display {
display: none;
}
.bg-grey {
background: #ddd;
padding: 15px;
margin: 1em 0;
}
*/ ------------------
Pagination buttons
--------------------- */
.listingBar a {
background: url(shadow.png) no-repeat scroll 0 0 #41aece !important;
}
div.listingBar a {
background: url(shadow.png) no-repeat scroll 0 0 #41aece !important;
border: 0em solid #fff;
border-radius: 4px;
color: #fff;
padding: 0.5em 1em;
font-size: 14px;
line-height: 1.4em;
max-width: 45%;
margin: 3em 0 1em;
}
div.listingBar a:hover {
background: url(shadow.png) no-repeat scroll 0 0 #A8D34E !important;
color: #000!important;
text-decoration: none;
}
@media screen and (max-width: 960px) {
#portal-footer-wrapper{
width: auto;
}
body {
background:#fff;
padding-left: 0;
padding-right: 0;
}
#portal-header-wrapper {
background: url("nav-bg2.png") repeat-x scroll 0 bottom #fff;
box-shadow: 0 10px 22px -10px rgba(0, 0, 0, 0.0);
margin: 0;
position: relative;
}
#slideshow .slick-slide {
padding: 0 80px;
}
#portal-personaltools-wrapper {
top: 50px;
margin: 1em auto;
}
.navbar {
margin-top: -5px;
}
#portal-footer h3 {
font-size: 22px;
margin:1em 0em;
}
#portal-footer p {
color: #40a9a0;
font-size: 16px;
margin: 1em 3em;
}
#portal-footer ul.menu {
font-size: 16px;
margin-left:2em;
}
.row-fluid #portal-footer .span4.last {
padding-right: 2em!important;
}
/* */
ul.cal-sprite {
margin:10px 0 35px 5px;
padding:0px;
}
.cal-sprite li {
overflow:hidden;
text-indent:-9999px;
display: block;
}
.cal-sprite li a{
background:url(calendar-sprite.png) no-repeat;
width:185px;
height:45px;
display:block;
}
/* */
.cal-sprite li#grid {width:185px; height:40px;}
.cal-sprite li#grid a {background-position:0px 0px;}
.cal-sprite li#grid a:hover {background-position:-185px 0px;}
/* */
.cal-sprite li#add-event {width:185px; height:40px;}
.cal-sprite li#add-event a {background-position:0px -42px;}
.cal-sprite li#add-event a:hover {background-position:-185px -42px;}
/* */
.cal-sprite li#list-view {width:185px; height:40px;}
.cal-sprite li#list-view a {background-position:0px -84px;}
.cal-sprite li#list-view a:hover {background-position:-185px -84px;}
/* */
.cal-sprite li#upcoming {width:185px; height:40px;}
.cal-sprite li#upcoming a {background-position:0px -126px;}
.cal-sprite li#upcoming a:hover {background-position:-185px -126px;}
/* */
.cal-sprite li#past {width:185px; height:42px;}
.cal-sprite li#past a {background-position:0px -168px;}
.cal-sprite li#past a:hover {background-position:-185px -168px;}
/* */
}
.fc-event-inner {
background-color: #d6f49d;
padding: 5px 0 5px 5px;
}
.fc-state-default.fc-corner-right {
border-right: 1px solid #777;
}
.fc-state-default.fc-corner-left {
border-left: 1px solid #777;
}
.fc-button.fc-button-month,.fc-button.fc-button-agendaWeek,.fc-button.fc-button-agendaDay {
padding: 0 10px;
}
.fc-button.fc-button-today {
border-bottom: 1px solid #888;
border-top: 1px solid #888;
padding: 0 10px;
}
/* */
div#content .popup-content {
background-color:#E6E6FA;
box-shadow:0 0 3px #000000;
display: none;
margin:-5px 0 0 10px;
padding:5px 15px;
position:absolute;
width:300px;
}
div#content .popup-hover-trigger{ cursor:help; display:inline-block; }
.back-to-top {
background: #00A69C none repeat scroll 0 0;
border-radius: 5px;
bottom: 5em;
color: #ffffff;
display: none;
height: 40px;
line-height: 1.2em;
margin: 0;
padding: 5px;
position: fixed;
right: 0.5em;
text-align: center;
text-decoration: none;
width: 70px;
z-index: 100;
}
.back-to-top i {
font-size: 50px;
}
.smaller {
color: #666;
font-size: 85%;
line-height: 1.3em;
}
.lead, .intro, .introtext {
font-family: 'Roboto', sans-serif;
color: #495768;
font-size: 20px;
line-height: 1.5em;
font-weight: 500;
}
#personaltools-login {
display: none;
}
@media screen and (max-width: 768px) {
.site-Grid-Integration-Toolkit #portal-logo {
height: 100px;
width: 300px;
margin: 0em 0 2em 0;
background-size: contain;
}
#slideshow .description {
margin-left: -5em;
width: 100%;
text-align:center;
}
.description > p {
font-size: 18px;
}
#info {
background: url('grid-background.jpg') no-repeat center center / cover;
padding: 5em 0;
border-top: 10px solid #175E7A;
border-bottom: 10px solid #175E7A;
}
#partners{
width: auto;
}
#partnerwrapper .floatleft{
margin-right: 1em;
}
#partnerwrapper{
margin: 0;
}
#portal-header form{
width: 80%;
}
#portal-header .btn{
height: 38px;
box-sizing: border-box;
line-height: 28px;
}
#portal-header #searchGadget{
width: 18em;
margin-left: 15px;
}
#portal-footer ul.menu,
#portal-footer p{
margin-left: 0;
margin-right: 0;
}
#portal-header #portal-personaltools-wrapper{
margin: 0 auto;
top: 5px;
}
#portal-header .nav .btn-navbar{
margin-top: 1px;
}
.hilitebox {
min-height: 550px !important;
}
.hide-phone {
display: none;
}
}
.hide-desktop {
display: none;
}
@media screen and (max-width: 768px) {
.hide-desktop {
display: block;
}
}
/* */
#video-section > iframe {
background: url("video-shadow.png") repeat scroll 0 bottom transparent;
padding-bottom: 14px;
}
.loading {
background: url("loading_icon.gif") no-repeat center center;
}
.vid-switch h4 {
margin-bottom:10px;
}
.vid-switch p {
margin-top:10px;
height:135px;
}
#more-videos a {
background-color: #ddd;
border: 1px solid #bbb;
border-radius: 8px;
display: inline-block;
height: 130px;
margin-right: 15px;
width: 215px;
}
.circle {
background: #fff;
padding: 4px;
margin: 10px;
border-radius: 100%;
transition: all .3s ease-in-out;
}
.circle:hover {
transform: scale(1.15);
}
/* */
.narrow {
width: 80%;
margin: 0 auto;
}
.shadow {
box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 1024px) {
.narrow { width: 100%; }
}
.sidebar p {
font-size: 14px;
margin-right: 2em;
border-bottom: 1px dotted #ccc;
padding-bottom: 15px;
}
.template-front_page #portal-columns {
background: none repeat scroll 0 0 #fff;
margin: 0 auto;
max-width: 100%;
padding: 0em;
}
.template-front_page .documentModified { display: none; }
.template-front_page #edit-content-views, .template-front_page .documentByLine {
display: none;
}
.template-front_page #content h1.documentFirstHeading {
display: none;
}
h2.block__title {
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
line-height: 3px;
margin-bottom: 60px;
}
h2.block__title span {
border: none;
background-color: #eff2f2;
padding: 0 30px;
text-transform: uppercase;
line-height: 3px;
}
h2.section-heading {
font-size: 3em;
color: #fff;
font-family: 'Open Sans', sans-serif;
letter-spacing: -0.0125em;
margin: 20px;
font-weight: 400;
}
h3.section-heading {
font-size: 2.5em;
color: #3390aa;
text-align: center;
margin: 1em auto .5em;
font-family: 'Open Sans', sans-serif;
letter-spacing: -0.0125em;
font-weight: 300;
}
.section-heading-white {
font-size: 2.5em;
color: #fff;
text-align: center;
margin: 1em;
font-family: 'Open Sans', sans-serif;
letter-spacing: -0.0125em;
font-weight: 300;
margin: .5em;
}
p.slogan {
font-size: 1.4em;
color: #fff;
line-height: 1.5em;
margin: 0 10%;
}
@media screen and (max-width: 767px) {
p.slogan {  margin: 0;  }
}
#toolkit {
background: #77AD51;
text-align: center;
padding: 1em 3.5em;
border-top: 10px solid #3B8C63;
}
.toolkit-bg {
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
padding: 30px;
border-top: 10px solid #77AD51;
margin: 2em 0;
}
#content #toolkit a:link, #content #toolkit a:visited {
border-bottom: medium none;
color: #222 !important;
}
#content #toolkit a:hover {
color: #fff !important;
text-decoration: none;
}
#info {
background: url('grid-background.jpg') no-repeat center center / cover;
padding: 5em 0;
border-top: 10px solid #175E7A;
border-bottom: 10px solid #175E7A;
}
#where-we-work {
background: #fff;
}
#video {
background: url('toolkit-images/solar-panels-and-wind-turbines.jpg ') center bottom / cover;
}
#video-section {
background: #fff;
padding: 20px 40px;
}
.bg-green { background: #77AD51; }
.bg-blue { background: #479cd5; }
.bg-teal { background: #157C80; }
.bg-tan { background: #CBCBBF; }
.bg-gray { background: #D3DADC; }
.green-bg {
background: #77AD51;
padding: 1em;
text-align: center;
}
.blue-bg {
background: #479cd5;
padding: 1em;
text-align: center;
border-top: 10px solid #175E7A;
}
.teal-arrow_box {
text-align: center;
border-top: 15px solid #77AD51;
}
/* */
.blue-arrow_box {
position: relative;
background: #479cd5;
padding: 1em;
text-align: center;
}
.blue-arrow_box::after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(71, 156, 213, 0);
border-top-color: #479cd5;
border-width: 20px;
margin-left: -20px;
}
@media screen and (max-width: 1024px) {
.green, #video {
padding: 2em;
}
}
.gray {
background: #d6d6d6;
padding: 2em 3.5em;
}
.site-Grid-Integration-Toolkit  #portal-header, .site-Renewable-Energy-Zones-Toolkit #portal-header, .site-Distributed-photovoltaics #portal-header{
max-width: 100%;
}
.site-Grid-Integration-Toolkit #portal-columns, .site-Renewable-Energy-Zones-Toolkit #portal-columns, .site-Distributed-photovoltaics #portal-columns {
max-width: 85%;
}
.site-Grid-Integration-Toolkit #portal-logo > img, .site-Renewable-Energy-Zones-Toolkit #portal-logo > img, .site-Distributed-photovoltaics #portal-logo > img, .site-energy-storage-toolkit #portal-logo > img,.site-electric-vehicle-toolkit #portal-logo > img, .site-electric-vehicle-building-blocks-guidebook #portal-logo > img { display: none; }
.site-Grid-Integration-Toolkit .nest-navigation-bar, .site-Renewable-Energy-Zones-Toolkit .nest-navigation-bar, .site-Distributed-photovoltaics .nest-navigation-bar,.site-energy-storage-toolkit .nest-navigation-bar,.site-electric-vehicle-toolkit .nest-navigation-bar, .site-electric-vehicle-building-blocks-guidebook .nest-navigation-bar {
display: block;
}
@media screen and (max-width: 768px) {
.nest-navigation-bar img {
width:200px;
padding-top: 30px; }
}
.site-Grid-Integration-Toolkit #portal-header-wrapper, .site-Renewable-Energy-Zones-Toolkit #portal-header-wrapper, .site-Distributed-photovoltaics #portal-header-wrapper,.site-energy-storage-toolkit #portal-header-wrapper,.site-electric-vehicle-toolkit #portal-header-wrapper {
background: url("blank.png") repeat-x scroll 0 bottom #fff;
-webkit-box-shadow: 0px 9px 25px -6px rgba(90,90,90,1);
-moz-box-shadow: 0px 9px 25px -6px rgba(90,90,90,1);
box-shadow: 0px 9px 25px -6px rgba(90,90,90,1);
}
@media screen and (max-width: 1024px) {
.site-Grid-Integration-Toolkit .LSBox, .site-Renewable-Energy-Zones-Toolkit .LSBox, .site-Distributed-photovoltaics .LSBox  {
top: 3px;
right: 10px;
}
}
/* */
.site-Grid-Integration-Toolkit #portal-banner, .site-Distributed-photovoltaics #portal-banner, .site-Renewable-Energy-Zones-Toolkit #portal-banner,.site-energy-storage-toolkit #portal-banner,.site-electric-vehicle-toolkit #portal-banner {
height: 400px;
}
@media screen and (max-width: 768px) {
.site-Grid-Integration-Toolkit #portal-banner, .site-Distributed-photovoltaics #portal-banner, .site-Renewable-Energy-Zones-Toolkit #portal-banner,.site-energy-storage-toolkit #portal-banner,.site-electric-vehicle-toolkit #portal-banner {
height: 200px;
}
}
.template-search #portal-banner {
height: 0;
}
.site-Grid-Integration-Toolkit #portal-banner{
background: url("toolkit-images/wind-turbine-and-the-moon-pixabay-image.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-Grid-Integration-Toolkit.section-quick-reads #portal-banner{
background: url("toolkit-images/wind-farm.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-Grid-Integration-Toolkit.section-Topics-And-Resources #portal-banner{
background: url("toolkit-images/rez-banner2.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-Grid-Integration-Toolkit.section-Tools-and-Templates #portal-banner{
background: url("toolkit-images/Anypage_REZ-Toolkit_iStock-174433078_sm.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-Grid-Integration-Toolkit.section-trainings-1 #portal-banner{
background: url("toolkit-images/lightening.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-Renewable-Energy-Zones-Toolkit #portal-banner{
background: url("toolkit-images/rez-iStock-188076117.jpg") no-repeat scroll center bottom / cover rgba(0, 0, 0, 0);
}
.site-Renewable-Energy-Zones-Toolkit.section-quick-reads #portal-banner{
background: url("toolkit-images/rez-quick-reads-banner.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-Renewable-Energy-Zones-Toolkit.section-topics #portal-banner{
background: url("toolkit-images/rez-topics-banner.jpg") no-repeat scroll center bottom / cover rgba(0, 0, 0, 0);
}
.site-Renewable-Energy-Zones-Toolkit.section-tools-templates #portal-banner{
background: url("toolkit-images/rez-tools-banner.jpg") no-repeat scroll center bottom / cover rgba(0, 0, 0, 0);
}
.site-Renewable-Energy-Zones-Toolkit.section-trainings-1 #portal-banner{
background: url("toolkit-images/rez-training-banner.jpg") no-repeat scroll center bottom / cover rgba(0, 0, 0, 0);
}
.site-Renewable-Energy-Zones-Toolkit.section-guidebook #portal-banner{
background: url("toolkit-images/guidebook-banner.jpg") no-repeat scroll center bottom / cover rgba(0, 0, 0, 0);
}
.site-Distributed-photovoltaics #portal-banner{
background: url("toolkit-images/NREL-34959291910_459e16ae88_k.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-Distributed-photovoltaics.section-quick-reads #portal-banner{
background: url("toolkit-images/dpv-iStock-175249665.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-Distributed-photovoltaics.section-Topics-and-resources #portal-banner{
background: url("toolkit-images/dpv-iStock-515896988.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-Distributed-photovoltaics.section-tools-templates #portal-banner{
background: url("toolkit-images/dpv-iStock-909155476.jpg") no-repeat scroll center bottom/ cover rgba(0, 0, 0, 0);
}
.site-Distributed-photovoltaics.section-trainings-1 #portal-banner{
background: url("toolkit-images/solar-panels-and-wind-turbines.jpg") no-repeat scroll center bottom / cover rgba(0, 0, 0, 0);
}
.site-Distributed-photovoltaics.section-analysis #portal-banner{
background: url("toolkit-images/NREL-35216908401_e23cc0a0de_k.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-electric-vehicle-toolkit #portal-banner{
background: url("electric-vehicle/ev-banner.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-electric-vehicle-toolkit.section-quick-reads #portal-banner {
background: url("electric-vehicle/traffic.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-electric-vehicle-toolkit.section-topics-resources #portal-banner {
background: url("electric-vehicle/22823-banner.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-electric-vehicle-toolkit.section-tools-templates #portal-banner {
background: url("electric-vehicle/parking.jpg") no-repeat scroll center bottom / cover rgba(0, 0, 0, 0);
}
.site-electric-vehicle-toolkit.section-trainings #portal-banner {
background: url("electric-vehicle/charging-station.jpg") no-repeat scroll center bottom / cover rgba(0, 0, 0, 0);
}
.site-energy-storage-toolkit #portal-banner{
background: url("energy-storage/energy-storage-banner.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-energy-storage-toolkit.section-quick-reads #portal-banner {
background: url("energy-storage/Raccoon_Mountain_Pumped-Storage_Plant.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
height: 600px;
}
.site-energy-storage-toolkit.section-topics-resources #portal-banner {
background: url("energy-storage/S47207-banner.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-energy-storage-toolkit.section-grid-integration #portal-banner {
background: url("energy-storage/S56321-banner.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-energy-storage-toolkit.section-technology-types #portal-banner {
background: url("energy-storage/S58012-banner.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-energy-storage-toolkit.section-tools-templates #portal-banner {
background: url("energy-storage/S58013-banner.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
.site-energy-storage-toolkit.section-trainings #portal-banner {
background: url("energy-storage/Pumped-storage_power_station_wiki-commons.jpg") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}
/* */
.site-Grid-Integration-Toolkit #portal-logo{
background: rgba(0, 0, 0, 0) url(toolkit-images/grid-integration-logo2.png) no-repeat scroll 0 10px;
display: block;
height: 135px;
width: 425px;
margin: 0em 0 2em 0;
}
.site-Renewable-Energy-Zones-Toolkit #portal-logo{
background: rgba(0, 0, 0, 0) url(toolkit-images/rez-logo2.png) no-repeat scroll 0 10px;
display: block;
height: 135px;
width: 525px;
margin: 1em 2em;
}
.site-Distributed-photovoltaics #portal-logo{
background: rgba(0, 0, 0, 0) url(toolkit-images/dpv-logo2.png) no-repeat scroll 0 10px;
display: block;
height: 130px;
width: 525px;
margin: 1em 2em;
}
.site-electric-vehicle-toolkit #portal-logo{
background: rgba(0, 0, 0, 0) url(electric-vehicle/EV-logo.png) no-repeat scroll 0 10px;
display: block;
height: 130px;
width: 400px;
margin: 0em 0 2em 0;
}
.site-energy-storage-toolkit #portal-logo{
background: rgba(0, 0, 0, 0) url(energy-storage/energy-storage-logo.png) no-repeat scroll 0 10px;
display: block;
height: 120px;
width: 390px;
margin: 0em 0 2em 0;
}
.site-Grid-Integration-Toolkit #portal-header-wrapper, .site-Renewable-Energy-Zones-Toolkit #portal-header-wrapper, .site-Distributed-photovoltaics #portal-header-wrapper,.site-energy-storage-toolkit #portal-header-wrapper,.site-electric-vehicle-toolkit #portal-header-wrapper {
height: 160px;
}
.site-Grid-Integration-Toolkit #portal-globalnav, .navbar, .site-Renewable-Energy-Zones-Toolkit #portal-globalnav, .navbar, .site-Distributed-photovoltaics #portal-globalnav, .navbar,.site-energy-storage-toolkit #portal-globalnav, .navbar,.site-electric-vehicle-toolkit #portal-globalnav, .navbar {
background: url(blank.png) repeat-x #fff;
overflow: visible;
position: absolute;
z-index: 0;
right: 0;
top: 118px;
}
@media screen and (max-width: 1024px) {
.site-Grid-Integration-Toolkit #portal-header .form-search, .site-Renewable-Energy-Zones-Toolkit #portal-header .form-search, .site-Distributed-photovoltaics #portal-header .form-search,.site-energy-storage-toolkit #portal-header .form-search,.site-electric-vehicle-toolkit #portal-header .form-search, .site-electric-vehicle-building-blocks-guidebook #portal-header .form-search,{
top: unset;
bottom: 10px;
}
.site-Grid-Integration-Toolkit #portal-header, .site-Renewable-Energy-Zones-Toolkit #portal-header, .site-Distributed-photovoltaics #portal-header,.site-energy-storage-toolkit #portal-header,.site-electric-vehicle-toolkit #portal-header,.site-electric-vehicle-building-blocks-guidebook #portal-header{
max-width: 100%;
height: unset;
}
.site-Grid-Integration-Toolkit #globalnav-wrapper .menu-toggle,
.site-Renewable-Energy-Zones-Toolkit #globalnav-wrapper .menu-toggle,
.site-Distributed-photovoltaics #globalnav-wrapper .menu-toggle{
background-color: #044F79;
}
.site-Grid-Integration-Toolkit #portal-header-wrapper, .site-Renewable-Energy-Zones-Toolkit #portal-header-wrapper, .site-Distributed-photovoltaics #portal-header-wrapper,.site-energy-storage-toolkit #portal-header-wrapper,.site-electric-vehicle-toolkit #portal-header-wrapper {
height: 11em;
}
.site-Grid-Integration-Toolkit #portal-globalnav, .site-Renewable-Energy-Zones-Toolkit #portal-globalnav, .site-Distributed-photovoltaics #portal-globalnav,.site-energy-storage-toolkit #portal-globalnav,.site-electric-vehicle-toolkit #portal-globalnav, .site-electric-vehicle-building-blocks-guidebook #portal-globalnav{
position: relative;
right: unset;
top: unset;
}
}
.site-Grid-Integration-Toolkit  ul.submenu,  .site-Renewable-Energy-Zones-Toolkit  ul.submenu,  .site-Distributed-photovoltaics  ul.submenu,.site-energy-storage-toolkit ul.submenu,.site-electric-vehicle-toolkit ul.submenu {
border-bottom: 4px solid #7CAF00;
border-right: 0;
z-index: 10;
}
@media screen and (max-width: 768px) {
.site-Grid-Integration-Toolkit  ul.submenu,  .site-Renewable-Energy-Zones-Toolkit  ul.submenu,  .site-Distributed-photovoltaics  ul.submenu,.site-energy-storage-toolkit ul.submenu,.site-electric-vehicle-toolkit ul.submenu {
width: 100%;
text-indent: 0;
padding: 0.25em 0.75em;
box-shadow: none;
}
}
.site-Grid-Integration-Toolkit #portal-globalnav > li > a, .site-Renewable-Energy-Zones-Toolkit #portal-globalnav > li > a, .navbar .nav > li > a, .site-Distributed-photovoltaics #portal-globalnav > li > a,.site-energy-storage-toolkit #portal-globalnav > li > a,.site-electric-vehicle-toolkit #portal-globalnav > li > a{
font-size: 1em;
font-weight: 500;
padding: 12px 0px;
margin-left: 20px;
color: #787878;
}
.site-Grid-Integration-Toolkit #portal-globalnav > li.selected > a, .site-Renewable-Energy-Zones-Toolkit #portal-globalnav > li.selected > a, .site-Distributed-photovoltaics #portal-globalnav > li.selected > a,.site-energy-storage-toolkit #portal-globalnav > li.selected > a,.site-electric-vehicle-toolkit #portal-globalnav > li.selected > a {
color: #7CAF00;
border-top: 2px solid;
margin-top: -2px;
}
.site-Grid-Integration-Toolkit #lineageSelectionForm, .site-Renewable-Energy-Zones-Toolkit #lineageSelectionForm, .site-Distributed-photovoltaics #lineageSelectionForm {
position: absolute;
right: 0px;
top: -43px;
}
/* */
.news-image img {
float: left;
margin-right: 1em;
}
#globalnav-wrapper .menu-toggle { display: none; }
@media screen and (max-width: 1100px) {
#globalnav-wrapper{ background: #73ad00;  }
#globalnav-wrapper .menu-toggle {
display: block;
color: white;
text-align: left;
padding: 10px 15px 10px 60px;
font-size: 120%;
background: url(menu-toggle.png) 30px center no-repeat #73ad00;
}
#portal-globalnav {
display: none;
background: none;
background-color: #73ad00;
margin-left: 25px;
}
#portal-globalnav.opened {
display: block;
}
#portal-globalnav li {
width: 100%;
}
#portal-header{ top: 0px }
#user-name{ margin-top: -10px; }
#portal-header .form-search{
top: 5.7vh;
position: absolute;
right: 15px;
width: auto !important;
margin: 0;
}
#portal-header .form-search #searchGadget {
width: auto;
height: 19px;
background: #fff;
}
#portal-header .form-search button.btn { height: 30px; line-height: 19px; background: url(whitesearchicon.png) no-repeat 0 0; text-indent: -999em; background-color: #222 }
#portal-header #lineageSelectionForm {
position: absolute;
right: 0px;
top: 26px;
width: 60% !important;
}
.searchSection{ display: none; }
}
.image-center { margin: 0 auto; }
@media screen and (max-width: 568px) {
#portal-header .form-search{
top: 7.7vh;
}
#portal-columns {
padding: 1em;
}
.site-Grid-Integration-Toolkit #portal-logo {
height: 100px;
width: 350px;
margin: 1em;
background-size: contain;
}
.site-Renewable-Energy-Zones-Toolkit #portal-logo, .site-Distributed-photovoltaics #portal-logo {
height: 100px;
width: 380px;
margin: 1em;
background-size: contain;
}
.site-Grid-Integration-Toolkit #portal-banner, .site-Distributed-photovoltaics #portal-banner, .site-Renewable-Energy-Zones-Toolkit #portal-banner {
height: 200px;
}
#globalnav-wrapper {
margin: 0 -1em;
}
#portal-header .form-search{
bottom: -70px;
right: 0px;
}
}
@media screen and (max-width: 320px) {
.site-Grid-Integration-Toolkit #portal-logo {
height: 100px;
width: 280px;
}
.site-Renewable-Energy-Zones-Toolkit #portal-logo, .site-Distributed-photovoltaics #portal-logo {
height: 100px;
width: 280px;
}
}
/* */
.flex-wrap {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: inherit;
-ms-flex-align: inherit;
align-items: inherit;
}
@media screen and (max-width: 768px){
.flex-wrap{
flex-direction: row;
display: block;
}
}
.flex-wrap .container {
padding: 0 30px!important;
}
.flex-wrap .container h3 {
margin: 10px 0;
}
.flex-container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 10px;
}
@media (max-width: 767px) {
.flex-container {
margin: 30px;
}
}
.flex-item {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.flex-container.centered {
text-align: center;
margin: 0px 20px;
padding: 0px 10px 15px;
}
.fill{
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.featureBox {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border: 1px solid #ccc;
background: #f5f5f5;
border-radius: 6px;
padding: 0 15px 20px;
background-image: linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbb;
}
.featureBox:hover {
background-image: linear-gradient(to bottom,#fff,#DCDCDC);
background-repeat: repeat-x;
}
a.featureBox  {
color: #FD6523!important;
}
.featureBox  a {
color: #FD6523!important;
}
#content .featureBox a:hover {
color:#FC4721 !important;
text-decoration: none;
}
.shadowbox {
background: #fff;
border: 1px solid #fff;
border-radius: 6px;
box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.3);
padding: 10px 20px 20px;
}
.greybox {
background: #ededed;
padding: 30px 20px 20px;
text-align: center;
margin: 3em 0 1em;
border: 1px solid #ddd;
border-radius: 6px;
}
.newsletter-box {
background: #d3d8e1;
padding: 20px;
margin-top: 0;
border-radius: 6px;
display: table-cell;
text-align: center;
}
.large {
font-size: 20px;
line-height: 1.6em;
}
.red-text { color: #FD5D27; }
.flex-container h2 {
font-size: 26px;
color: #3390aa;
line-height: 1.25em;
margin-top: 1em;
}
.flex-container h4 {
color: #777;
font-size: 18px;
font-style: italic;
font-weight: 500;
line-height:1.3em;
margin-top: 0.75em;
}
.btn { border-bottom: 1px solid #ccc!important; }
.btn.large {
padding: 20px 20px 20px 48px;
font-weight: 600;
background: url(arrow-orange.png) no-repeat 15px;
font-size: 17px;
}
a.blue-btn {
background-color: #479cd5;
color: #fff!important;
padding: 6px 15px;
border-radius: 4px;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
#content a:hover.blue-btn {
color: #fff !important;
background: #1E7DC2;
}
a.blue-btn.large {
font-size: 20px;
}
a.gold-btn {
background-color: #FFB920;
color: #444!important;
padding: 6px 15px;
border-radius: 4px;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
#content a:hover.gold-btn {
background-color: #f19b14;
color: #222!important;
}
a.gold-btn.large {
font-size: 20px;
}
a.gold-button {
background-color: #FFB920;
color: #444!important;
padding: 10px 20px;
border-radius: 4px;
text-transform: none;
font-size: 17px;
}
#content a:hover.gold-button {
background-color: #f19b14;
color: #fff!important;
}
a.btn-green {
background-color: #98ce1d;
color: #fff!important;
padding: 6px 15px;
border-radius: 5px;
font-size: 15px;
font-weight: 600;
display: inline-table;
margin: 10px 0 0;
border: 1px solid #fff;
border-bottom: 1px solid #fff!important;
}
#content a:hover.btn-green {
color: #fff !important;
background: #1E7DC2;
}
/* */
table.responsive {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
width: 100%;
}
.responsive th {
background: #ddd;
padding: 10px 15px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.responsive td.large {
font-size: 22px;
padding: 15px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #ececec;
}
.responsive td {
padding: 6px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.responsive p {
margin-bottom: 0!important;
}
.space {
height: 40px;
display: block;
}
.space20 {
height: 20px;
display: block;
}
dl.portlet.portletStaticText.portlet-static-fact-sheets {
font-size: 14px;
}
#internallinkcontainer input[type="radio"], #internallinkcontainer input[type="checkbox"]{ float: none; }
.clear {
clear: both;
height: 1px;
}
h3.plomino-accordion-header {
border-radius: 5px;
padding: 10px;
background: #fff!important;
border: 1px solid #ccc;
}
.plomino-accordion-header a:hover {
text-decoration: none;
}
.plomino-accordion-content.expanded {
margin: 1em 20px;
}
.template-front_page #editing-bar {
display: none;
}
/* */
.template-contents_full.site-Grid-Integration-Toolkit.section-trainings-1.subsection-webinars .item-date{ display: none; }
.template-contents_full.site-Grid-Integration-Toolkit.section-trainings-1.subsection-webinars .item-separator{ display: none; }
/* */
.site-electric-vehicle-building-blocks-guidebook img.hidelogo { width: 0; }
.site-electric-vehicle-building-blocks-guidebook .nest-nav-inner { padding: 18px 20px 0px; }
@media screen and (max-width: 768px) {
.site-electric-vehicle-building-blocks-guidebook .LSBox {
top: 89px;
right: 10px;
z-index: 10;
}
}
@media screen and (max-width: 768px)
.site-electric-vehicle-building-blocks-guidebook .toolkit-dropdown ul {
margin: 25px 20px 0 0!important;
}
}
body.site-electric-vehicle-building-blocks-guidebook {
font-family: 'Roboto', sans-serif;
}
.site-electric-vehicle-building-blocks-guidebook .container-fluid {
padding-right: 0;
padding-left: 0;
}
.site-electric-vehicle-building-blocks-guidebook #portal-header {
margin: 0 auto;
max-width: 100%;
}
.section-electric-vehicle-building-blocks-guidebook .breadcrumb, .section-electric-vehicle-building-blocks-guidebook .documentFirstHeading,.section-electric-vehicle-building-blocks-guidebook #content .documentByLine { display: none; }
.site-electric-vehicle-building-blocks-guidebook .fullwidth-section {
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
padding: 0;
overflow-x: hidden;
}
.EVBBG-box {
background: rgba(255, 255, 255, 0.9);
padding: 20px 30px;
width: 1170px;
margin: 2em auto;
}
@media screen and (max-width: 768px){
.EVBBG-box {
padding: 20px;
width: 90%;
}
}
.evbbg-block {
background: url(electric-vehicle/iStock-987662560-adjusted.jpg) no-repeat center center / cover;
padding: 30px;
}
.evbbg-block-road {
background: url(electric-vehicle/light-trail.jpg) no-repeat center center / cover;
padding: 30px;
}
.evbbg-block-3 {
background: url(electric-vehicle/stock-photo-electric-vehicles-charging-station-on-a-background-of-a-row-of-cars-concept-1927643156.jpg) no-repeat center center / cover;
padding: 30px;
}
.evbbg-block-4 {
background: url(electric-vehicle/austria-alps.jpg) no-repeat center center / cover;
padding: 30px;
}
.evbbg-block-5 {
background: url(electric-vehicle/iStock-866599918.jpg) no-repeat center center / cover;
padding: 30px;
}
.evbbg-guidebook-box {
padding: 10px 10px 3px;
background: #fff;
width: 225px;
float: left;
margin-right: 2em;
margin-bottom: 2em;
margin-top: 1em;
}
.evbbg-guidebook-portlet {
padding: 10px 10px 3px;
background: #fff;
}
.climber-block {
background: url(electric-vehicle/climbers-and-icons.png) no-repeat left bottom;
margin-bottom: 10px;
min-height: 240px;
background-size: contain;
}
.site-electric-vehicle-building-blocks-guidebook #portal-header .form-search #searchGadget {
background: url(blank.png) #ffffff;
border-radius: 5px;
box-shadow: none;
height: 23px;
margin-right: 5px;
}
.site-electric-vehicle-building-blocks-guidebook #content h1.documentFirstHeading, .site-electric-vehicle-building-blocks-guidebook #content h1{ color: #187cb3; }
.site-electric-vehicle-building-blocks-guidebook h2,.site-electric-vehicle-building-blocks-guidebook h3,.site-electric-vehicle-building-blocks-guidebook h4 {
color: #187cb3;
margin: .5em 0;
}
.site-electric-vehicle-building-blocks-guidebook #portal-logo {
background: rgba(0, 0, 0, 0) url(electric-vehicle/EVBBG-logo.svg) no-repeat scroll 0;
display: block;
height: 100px;
margin: 15px 0 10px 10%;
}
@media screen and (max-width: 768px){
.site-electric-vehicle-building-blocks-guidebook #portal-logo {
background: rgba(0, 0, 0, 0) url(electric-vehicle/EVBBG-logo.svg) no-repeat scroll 0;
display: block;
height: 85px;
margin: 30px 0 5px 20px;
}
}
.site-electric-vehicle-building-blocks-guidebook #portal-banner {
height: 10px;
}
.site-electric-vehicle-building-blocks-guidebook #portal-header-wrapper {
background: url(electric-vehicle/EVBBG-header-bg.jpg) no-repeat scroll 0 bottom #fff;
height: 278px;
background-size: cover;
box-shadow: none;
}
.site-electric-vehicle-building-blocks-guidebook #globalnav-wrapper {
background: rgba(41 171 226 / 56%);
top: 10px;
position: relative;
padding-bottom: 5px;
}
@media screen and (max-width: 1100px){
.site-electric-vehicle-building-blocks-guidebook #globalnav-wrapper {
background: rgba(41 171 226 / 100%);
}
}
/* */
.site-electric-vehicle-building-blocks-guidebook #portal-globalnav {
overflow: visible;
position: relative;
display: flex;
justify-content: center;
top: 10px;
}
@media screen and (max-width: 339px){
.site-electric-vehicle-building-blocks-guidebook #globalnav-wrapper .menu-toggle {
color: transparent;
}
}
@media screen and (max-width: 1100px){
.site-electric-vehicle-building-blocks-guidebook  #portal-header .form-search {
top: 5.7vh;
}
.site-electric-vehicle-building-blocks-guidebook #portal-header-wrapper {
height: 185px;
}
.site-electric-vehicle-building-blocks-guidebook .top-header {
top: -40px !important;
}
.site-electric-vehicle-building-blocks-guidebook #globalnav-wrapper .menu-toggle {
background: url(menu-toggle.png) 30px center no-repeat transparent;
}
.site-electric-vehicle-building-blocks-guidebook #portal-globalnav {
overflow: visible;
position: relative;
display: none;
flex-direction: column;
justify-content: left;
top: 0;
left: 0;
background-color: transparent;
}
.site-electric-vehicle-building-blocks-guidebook #portal-globalnav.opened {
display: flex;
}
}
@media screen and (max-width: 768px){
.site-electric-vehicle-building-blocks-guidebook #portal-header-wrapper {
height: 180px;
}
.site-electric-vehicle-building-blocks-guidebook  #portal-header #portal-personaltools-wrapper {
top: 10px;
}
}
.site-electric-vehicle-building-blocks-guidebook #portal-globalnav li { /* */
background-size: 72px;
}
@media screen and (max-width: 1100px){
.site-electric-vehicle-building-blocks-guidebook #portal-globalnav li { /* */
background-size: 40px;
background-position: 20px 8px;
}
}
.site-electric-vehicle-building-blocks-guidebook #portal-globalnav > li > a {
font-size: 15px;
color: #fff;
max-width: 140px;
text-align: center;
}
@media screen and (max-width: 1100px){
.site-electric-vehicle-building-blocks-guidebook #portal-globalnav > li > a {
max-width: 100%;
text-align: left;
}
}
.site-electric-vehicle-building-blocks-guidebook #portal-globalnav > li > a:hover {
color: #136c9e;
}
.site-electric-vehicle-building-blocks-guidebook #portal-globalnav > li > a,
.site-electric-vehicle-building-blocks-guidebook .navbar .nav > li > a {
text-transform: none;
padding-top: 80px!important;
}
@media screen and (max-width: 1100px){
.site-electric-vehicle-building-blocks-guidebook #portal-globalnav > li > a {
padding-top: 20px!important;
padding-left: 75px;
}
}
.site-electric-vehicle-building-blocks-guidebook #portaltab-index_html {
background: url(electric-vehicle/icon-home.svg) no-repeat;
background-position: 0 8px;
}
.site-electric-vehicle-building-blocks-guidebook #portaltab-index_html:hover,.site-electric-vehicle-building-blocks-guidebook #portaltab-index_html.selected {
background: url(electric-vehicle/icon-home-on.svg) no-repeat;
background-position: 0 8px;
}
@media screen and (max-width: 1100px){
.site-electric-vehicle-building-blocks-guidebook #portaltab-index_html:hover,.site-electric-vehicle-building-blocks-guidebook #portaltab-index_html.selected {
background: url(electric-vehicle/icon-home-on.svg) no-repeat;
background-size: 40px;
background-position: 20px 8px;
}
}
#portaltab-data-management {
background: url(electric-vehicle/icon-data.svg) no-repeat;
background-position: 40px 8px;
}
#portaltab-data-management:hover, #portaltab-data-management.selected {
background: url(electric-vehicle/icon-data-on.svg) no-repeat;
background-position: 40px 8px;
}
#portaltab-standards-communications-protocols {
background: url(electric-vehicle/icon-standards.svg) no-repeat;
background-position: 53px 8px;
}
#portaltab-standards-communications-protocols:hover, #portaltab-standards-communications-protocols.selected {
background: url(electric-vehicle/icon-standards-on.svg) no-repeat;
background-position: 53px 8px;
}
#portaltab-charging-infrastructure {
background: url(electric-vehicle/icon-charging.svg) no-repeat;
background-position: 48px 8px;
}
#portaltab-charging-infrastructure:hover,#portaltab-charging-infrastructure.selected {
background: url(electric-vehicle/icon-charging-on.svg) no-repeat;
background-position: 48px 8px;
}
#portaltab-tariff-design {
background: url(electric-vehicle/icon-tariff.svg) no-repeat;
background-position: 22px 8px;
}
#portaltab-tariff-design:hover,#portaltab-tariff-design.selected {
background: url(electric-vehicle/icon-tariff-on.svg) no-repeat;
background-position: 22px 8px;
}
#portaltab-target-incentives {
background: url(electric-vehicle/icon-target.svg) no-repeat;
background-position: 50px 8px;
}
#portaltab-target-incentives:hover,#portaltab-target-incentives.selected {
background: url(electric-vehicle/icon-target-on.svg) no-repeat;
background-position: 50px 8px;
}
#portaltab-grid-planning-management {
background: url(electric-vehicle/icon-grid.svg) no-repeat;
background-position: 50px 8px;
}
#portaltab-grid-planning-management:hover,#portaltab-grid-planning-management.selected {
background: url(electric-vehicle/icon-grid-on.svg) no-repeat;
background-position: 50px 8px;
}
#portaltab-workforce-development {
background: url(electric-vehicle/icon-workforce.svg) no-repeat;
background-position: 48px 8px;
}
#portaltab-workforce-development:hover,#portaltab-workforce-development.selected {
background: url(electric-vehicle/icon-workforce-on.svg) no-repeat;
background-position: 48px 8px;
}
.left {
float: left;
margin-right: 10px;
}
.grid-container-7col {
display: grid;
grid-template-columns: repeat(7, 1fr);
padding: 0;
grid-gap: 20px;
position: relative;
top: 142px;
}
.grid-container-7col > div {
text-align: center;
font-size: 14px;
line-height: 1.3em;
}
.grid-container-7col > div a{
color: #fff!important;
}
.grid-container-7col img.center {
margin: 0 auto;
display: block;
}
.next-steps {
background: #FAD342;
color: #ffffff;
padding: 20px 20px 2px;
border-radius: 6px;
margin: 3em auto 6em;
max-width: 1170px;
}
.next-steps p {
font-size: 24px!important;
margin: 0;
line-height: 1.3em;
text-align: center;
}
.next-steps a {
border-bottom: none!important;
}
.next-steps .smaller {
font-size: 14px!important;
margin-bottom: 10px!important;
}
/* */
.site-electric-vehicle-building-blocks-guidebook #portal-banner { height: 360px;}
@media screen and (max-width: 767px) {
.site-electric-vehicle-building-blocks-guidebook #portal-banner { height: 200px;}
}
.section-electric-vehicle-building-blocks-guidebook #portal-banner { height: 0;}
.site-electric-vehicle-building-blocks-guidebook h1#parent-fieldname-title {
line-height: 265px;
padding-left: 290px;
position: absolute;
left: 10%;
top: 375px;
z-index: 1;
font-size: 48px;
background-size: 260px;
height: 270px;
color: #fff!important;
font-family: 'Roboto Condensed';
}
.section-data-management h1#parent-fieldname-title {
background: url(electric-vehicle/data-cluster.svg) no-repeat;
}
.section-standards-communications-protocols h1#parent-fieldname-title {
background: url(electric-vehicle/standards-cluster.svg) no-repeat;
}
.section-charging-infrastructure h1#parent-fieldname-title {
background: url(electric-vehicle/charging-cluster.svg) no-repeat;
}
.section-grid-planning-management h1#parent-fieldname-title {
background: url(electric-vehicle/grid-cluster.svg) no-repeat;
}
.section-tariff-design h1#parent-fieldname-title {
background: url(electric-vehicle/tariff-cluster.svg) no-repeat;
}
.section-workforce-development h1#parent-fieldname-title {
background: url(electric-vehicle/workforce-cluster.svg) no-repeat;
}
.section-target-incentives h1#parent-fieldname-title {
background: url(electric-vehicle/target-cluster.svg) no-repeat;
}
/* */
.section-data-management #portal-banner {
background: url(electric-vehicle/green-charger-banner.jpg) no-repeat scroll center center / cover;
}
.section-standards-communications-protocols #portal-banner {
background: url(electric-vehicle/iStock-866599918-dark.jpg) no-repeat scroll center center / cover;
}
.section-charging-infrastructure #portal-banner {
background: url(electric-vehicle/charging-on-rez.jpg) no-repeat scroll center center / cover;
}
.section-tariff-design #portal-banner {
background: url(electric-vehicle/money-2-unsplash.jpg) no-repeat scroll center center / cover;
}
.section-target-incentives #portal-banner {
background: url(electric-vehicle/light-trail-unsplash.jpg) no-repeat scroll center center / cover;
}
.section-grid-planning-management #portal-banner {
background: url(electric-vehicle/blue-hatchback.jpg) no-repeat scroll center center / cover;
}
.section-workforce-development #portal-banner {
background: url(electric-vehicle/nick-johnson-nrel.jpg) no-repeat scroll center center / cover;
height: 500px;
}
@media screen and (max-width: 767px) {
.site-electric-vehicle-building-blocks-guidebook h1#parent-fieldname-title {
background: url(blank.png) no-repeat;
line-height: 30px;
padding-left: 0px;
position: relative;
top: 20px;
font-size: 30px;
height: 50px;
color: #1a6fb9!important;
font-family: 'Roboto';
}
}
.site-electric-vehicle-building-blocks-guidebook.template-folder_contents #portal-banner {
height: 0;
}
@media screen and (max-width:768px) {
.scrolltable {
overflow-x: auto;
}
/* */
}
}