/*
royal blue: #296CB9
navy: #160041
green: #8dc63f
yellow: #fdb515
*/
:root 				{ --adb-yellow: #fdb515; --adb-green: #8dc63f; --royal-blue: #296cb9; }

/* Global Styles */
body a 				{ color: var(--royal-blue); }

.btn-primary 		{ background-color: var(--royal-blue); border-color: var(--royal-blue); }

#navbar 			{ border: 0px; }
#navbar > div.wrapper > div > div > a.logo.navbar-btn.pull-left > img 
					{ width: 300px; padding: 10px 0px 10px 10px; }
#navbar > div.wrapper > div,
#navbar > div.menu-wrapper > div 
					{ margin: 0px !important; width: 100% !important; }
#navbar-collapse > nav > ul > li.leaf > a,
#navbar-collapse > nav > ul > li.dropdown > a,
#navbar-collapse > nav > ul > li.collapsed > a
					{ border: 0px; color: #666666; font-size: 18px; }
#navbar-collapse > nav > ul > li.active > a
					{ color: var(--royal-blue); border: 0px; text-decoration: underline; font-weight: bold !important; }
#navbar > div > div > div > a.logo 
					{ margin-top: 5px; margin-bottom: 32px; }

#navbar-collapse > nav > ul > li.collapsed > a

/*#navbar-collapse > nav > ul > li.dropdown > ul > li > a,
#navbar-collapse > nav > ul > li.dropdown > a
					{ border: 0px; color: #666666; font-size: 18px; }*/

/* hide main menu on CEFPF and SEforAll pages */
.page-node-1277 #navbar-collapse > nav > ul, 
.page-node-1280 #navbar-collapse ul.menu.nav.navbar-nav,
.page-node-1281 #navbar-collapse ul.menu.nav.navbar-nav,
.page-node-3002 #navbar-collapse > nav > ul
					{ display: none; }


/* right nav icons */
/*#right-nav-seforall,
#right-nav-e4all 	{ margin-top: 35px; border: 1px dotted red; }*/
#right-nav-seforall img,
#right-nav-e4all img,
#right-nav-cefpf img
					{ width: 55px; }

.page-node-4 .main-container.container
					{ width: auto; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: -1px; }
.page-node-5 .main-container.container
					{ width: auto; margin-left: 0px; margin-right: 0px; padding-right: -1px; }
.page-node-857 .main-container.container,
.page-node-22 .main-container.container,
.main-container.container
					{ width: auto; margin-top: 25px; margin-left: 0px; margin-right: 0px; padding-right: 0px; padding-left: 0px; overflow: hidden; }
.page-search .main-container.container ,
.page-user .main-container.container
					{ padding-left: 10%; padding-right: 10%; }
.page-search h1.page-header,
.page-user h1.page-header,
.page-node-2999 h1.page-header,
.page-node-3000 h1.page-header
					{ color: var(--royal-blue); }
.page-node-1280 .main-container.container,
.page-node-1281 .main-container.container
					{ margin-top: 45px; }

.page-search #edit-basic > div > span,
#search-block-form > div > div > div.input-group > span.input-group-btn 
					{ font-size: 13px; }

/* divs with grey background */
.bg-grey 			{ background-color: #eeeeee; }

/* header caption */
.lp-header-caption	{ display: inline-block; width: auto; position: absolute; background-color: rgba(255, 255, 255, 0.7); padding: 10px; }
.lp-header-caption h5
					{ margin: 0px 0px 5px 0px; }

body,
body.node-type-partner,
body.node-type-project
					{ margin-top: 64px; }
body.node-type-project h5.views-label,
body.node-type-partner h5.views-label
					{ margin-bottom: 0px; }

.webform-client-form input, 
.webform-client-form textarea,
.webform-client-form select
					{ border-radius: 0px; background-color: #eeeeee; }

button, .btn 		{ font-size: 1.2em !important; }

@media (min-width: 720px){
	.e4all-main-content, #node-58 /*, #block-webform-client-block-1275	*/
					{ width: 720px; margin: auto; }
}

/* right navbar <section> */
@media (min-width: 771px){
	#block-block-7, #block-block-17, #block-block-22
					{ width: 185px; position: absolute; right: 27px; display: inline; margin-top: 0px; }
	#block-search-form 
					{ width: 187px; position: absolute; right: 11px; top: 70px; }
	#navbar-collapse ul.navbar-nav 
					{ position: absolute; right: 200px; top: 12px;  }
}

@media (max-width: 771px) {
	#navbar-collapse ul.navbar-nav { position: absolute; right: 200px; top: 30px;  }
}

@media (max-width: 947px) {
	#navbar-collapse ul.navbar-nav { display: none; }
}

ol.breadcrumb       { margin: 0px 20px 20px 20px; font-family: "Ideal Sans"; font-weight: bold; background-color: transparent; }
.breadcrumb > li + li:before /* greater than */
					{ content: "\003E" !important; }

.e4all-main-content, #node-58 
					{ margin: auto; }
#block-webform-client-block-1275 
					{ margin-top: 30px; margin-bottom: 30px; width: 100%; }
#webform-client-form-1275 
					{ margin-top: 30px; margin-bottom: 30px; }
h2.event-title,
h2.project-title 	{ color: var(--royal-blue); }
#event-image > img 	{ width: 100%; background-color: #cccccc; }

@media (min-width: 992px) {
#event-image,
#project-video 		{ padding-right: 0px; }
}
.no-image			{ background-color: #cccccc; color: #999999; display: block; height: -webkit-fill-available; text-align: center; padding-top: 20%; font-size: 8em; }
.no-logo			{ background-color: #eeeeee; color: #cccccc; display: block; height: 150px; text-align: center; padding-top: 30%; font-size: 2em; margin-top: 20px; border-radius: 5px; }

#event-summary,
#project-summary    { padding: 20px 20px 20px 20px; /*height: -webkit-fill-available;*/ }
#event-summary > h4 { color: var(--royal-blue); }

.view-id-events > .view-content > .views-row
					{ padding-bottom: 15px !important; }

#event-summary > .view-id-events.view-display-id-block_event_sponsors ul 
					{ padding-left: 20px; }


.project-preview	{ margin-bottom: 10px; }
.project-preview-image
					{ background-size: auto; background-repeat: no-repeat; }
#proj-prev-img-01	{ background-image: url('../images/home-initiative/initiative-solar.jpg'); }
#proj-prev-img-02	{ background-image: url('../images/home-initiative/initiative-lady-light.jpg'); }

#lp-channels,
#lp-channels #lp-socials .social
					{ margin: auto; }

#lp-channels,
#lp-part-map 		{ padding-top: 20px; margin-bottom: 20px; }

/* PROJECT - logo */
#project-sidebar-left > img
					{ margin-top: 22px; }
/* PROJECT - resources */
#partner-resources  { margin-top: 22px; }
/* PROJECT - websites */
#project-sidebar-right .view-display-id-block_partner_info .views-field-field-websites ul 
					{ padding-left: 20px; }
/* PROJECT - video */
#views-bootstrap-carousel-1 > div > div.item > div > div > div > div > iframe
					{ width: 100% !important; height: -webkit-fill-available; }
.node-type-project .field.field-name-field-video iframe 
					{ width: 100% !important; height: -webkit-fill-available; }
/* PROJECT - impact */
.node-type-project #collapse-4 li .field-items 
					{ display: block; margin-bottom: 15px; margin-top: -15px; }
.node-type-project #collapse-4 > div > div > div > div > ul 
					{ margin-left: -22px; margin-top: 15px; margin-bottom: -10px; }


/* PARTNER - logo */
#partner-sidebar-left > img
					{ margin-top: 22px; }
/* PARTNER - websites */
#partner-sidebar-right .view-id-partner_info.view-display-id-block_partner_projects ul,
#partner-sidebar-right .view-id-partner_info.view-display-id-block_partner_info .views-field-field-websites ul
					{ padding-left: 20px; }
/* PARTNER - title */
#partner-info > h2	{ color: var(--royal-blue); }

/* RESOURCE - title */
#resource-info > h2 { color: var(--royal-blue); }
#resource-sidebar-left > img {
    margin-top: 22px;
}

/* RESOURCES landing page - view content */
#block-views-resources-block-resources-grid > div > div.view-content
					{ margin-top: 30px; }

#block-views-0d0d2bb3e7c2d7581450112de06638b5 ul
					{ padding-left: 0px; } 
.node-type-event .btn-agenda,
.node-type-project .btn-eoi
					{ margin-top: 20px; }
.node-type-project .partner-logo 
					{ margin-top: 14px; }
.node-type-project .view-display-id-block_project_maturity_level li.list-group-item 
					{ font-size: 0.9em; }

.page-projects h1.page-header,
.page-events h1.page-header
					{ color: var(--royal-blue); padding: 20px; }

.page-projects .region-content,
.page-events .region-content
					{ padding: 20px; }

#block-views-projects-block-project-list table:nth-child(n+3) thead
					{ display: none; }

.node-type-partner #project-sidebar-right h4 
					{ color: var(--royal-blue); }
#project-info-accordion 
					{ margin-top: 20px; }
@media (min-width: 992px)
					{ #project-info-accordion {margin-right: 20px; }}

#project-sidebar-right > h4:nth-child(1)
					{ margin-top: 22px; }
.page-node-1298 h1.page-header, /* events page header */
.page-node-1299 h1.page-header, /* projects page header */
.page-node-1510 h1.page-header /* resources page header */
 					{ color: var(--royal-blue); padding-left: 20px; }

.support-logo img	{ margin: auto; }

#lp-part-hero		{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-solar-beach.jpg'); background-size: cover; background-repeat: no-repeat; }
#lp-part-about-hero		{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-05-about.jpg'); background-size: cover; background-repeat: no-repeat; }
#lp-init-about-hero		{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-05-about.jpg'); background-size: cover; background-repeat: no-repeat; }
#lp-contact-hero	{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-06-contact.jpg'); background-size: cover; background-repeat: no-repeat; }
#lp-cefpf-hero		{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-0x-cefpf.jpg'); background-size: cover; background-repeat: no-repeat; }
#lp-events-hero	{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-03-events-acef.jpg'); background-size: cover; background-repeat: no-repeat; }
#lp-projects-hero	{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-01-projects-malalison.jpg'); background-size: cover; background-repeat: no-repeat; }
#lp-resources-hero	{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-04-resources.jpg'); background-size: cover; background-repeat: no-repeat; }
#lp-seforall-hero		{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-0x-se-for-all.jpg'); background-size: cover; background-repeat: no-repeat; }
#partner-hero		{ padding: 0px; height: 390px; background-image: url('../images/home-initiative/initiative-solar-install.jpg'); background-size: cover; background-repeat: no-repeat; }


.lp-header-caption  { bottom: 0px; }



#lp-socials > div > a
					{ margin-left: 5px; }
#lp-socials > div > a:nth-child(1) 
					{ margin-left: 15px; }

.blurb-block,
#partners-reg-blurb,
#lp-part-about-blurb,
#seforall-blurb,
#cefpf-blurb, 
#cefpf-priorities, #seforall-accordion	{ margin-top: 30px; margin-bottom: 30px;}

#lp-partners-hero	{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-02-partners-solshare.jpg'); background-size: cover; background-repeat: no-repeat; }
#lp-steering-hero	{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-07-steering-committee.jpg'); background-size: cover; background-repeat: no-repeat; }
/*#block-block-4,
/*#block-block-5		{ margin-top: 20px; margin-bottom: 20px;}*/

.page-node-22 #views-bootstrap-grid-1 .col-partner,
.page-node-857 #views-bootstrap-grid-1 .col-partner,
.page-node-857 #views-bootstrap-grid-2 .col-partner
					{ text-align: center; }
.page-node-22 #views-bootstrap-grid-1 .views-field.views-field-views-conditional,
.page-node-857 #views-bootstrap-grid-1 .views-field.views-field-views-conditional,
.page-node-857 #views-bootstrap-grid-2 .views-field.views-field-views-conditional,
#partner-resources #views-bootstrap-grid-1 .views-field.views-field-views-conditional,
.page-node-1510 #views-bootstrap-grid-1 .views-field.views-field-views-conditional
					{ display: inline-block; vertical-align: middle; height: 150px; margin-bottom: 10px; }
.page-node-1298 #views-bootstrap-grid-1 .views-field.views-field-field-event-type
					{ display: inline-block; vertical-align: middle; height: auto; margin-bottom: 30px; }
.page-node-22 #views-bootstrap-grid-1 .views-field.views-field-views-conditional .logo-company,
.page-node-857 #views-bootstrap-grid-1 .views-field.views-field-views-conditional .logo-company,
.page-node-857 #views-bootstrap-grid-2 .views-field.views-field-views-conditional .logo-company,
#partner-resources #views-bootstrap-grid-1 .views-field.views-field-views-conditional .cover-resource,
.page-node-1510 #views-bootstrap-grid-1 .views-field.views-field-views-conditional .cover-resource,
.page-node-1298 #views-bootstrap-grid-1 .views-field.views-field-field-photo-path .photo-event
					{ height: 100%; display: flex; align-items: center; justify-content: center; }
.page-node-22  #views-bootstrap-grid-1 div.views-field.views-field-views-conditional .logo-company img,
.page-node-857 #views-bootstrap-grid-1 div.views-field.views-field-views-conditional .logo-company img,
.page-node-857 #views-bootstrap-grid-2 div.views-field.views-field-views-conditional .logo-company img,
#partner-resources #views-bootstrap-grid-1 div.views-field.views-field-views-conditional .cover-resource img,
.page-node-1510 #views-bootstrap-grid-1 div.views-field.views-field-views-conditional .cover-resource img,
.page-node-1298 #views-bootstrap-grid-1 .views-field.views-field-field-photo-path .photo-event img
					{ border: 0px dotted red; margin-bottom: 10px; max-width: 100%; max-height: 150px; margin-left: auto; margin-right: auto; }

.page-node-22 #views-bootstrap-grid-1 .views-field.views-field-title,
.page-node-857 #views-bootstrap-grid-1 .views-field.views-field-title,
.page-node-857 #views-bootstrap-grid-2 .views-field.views-field-title
					{ font-weight: bold; margin-bottom: 20px; }
#partner-resources #views-bootstrap-grid-1 .views-field.views-field-title,
.page-node-1510 #views-bootstrap-grid-1 .views-field.views-field-title,
.page-node-1298 #views-bootstrap-grid-1 .views-field.views-field-title
					{ font-weight: bold; }
#partner-resources #views-bootstrap-grid-1 .views-field.views-field-field-resource-category,
.page-node-1510 #views-bootstrap-grid-1 .views-field.views-field-field-resource-category
					{ margin-bottom: 20px; }

/*.page-node-1298 #views-bootstrap-grid-1 .views-field.views-field-field-event-date > div > span 
					{ font-size: .8em; }*/

#block-menu-menu-partners h4 { color: var(--royal-blue); font-weight: bolder; }

@media (min-width: 991px ){
	#block-menu-menu-partners,
	#block-menu-block-2
					{ text-align: right; margin-top: 22px; }
	#block-menu-menu-partners h4,
	#block-menu-block-2 h4
					{ margin-right: 15px; }
	#lp-socials		{ margin-top: 30px; }
}

@media (min-width: 766px ){
	#webform-client-form-59
					{ margin-left: 20%; margin-right: 20%; width: auto; }
}
/* footer */
.footer				{ background-color: var(--royal-blue); }
/* Global Styles */

/* Initiative */
#initiative-graph-copy { margin-top: 20px; margin-bottom: 20px; }
.initiative-graph-highlight
					{ color: white; height: 240px; text-align: center; }
@media (max-width: 622px) {
	.initiative-graph-highlight
					{ height: 240px; }
}
#lp-init-carousel	{ padding: 0px; height: 390px; background-image: url('../images/home-initiative/initiative-solar-beach.jpg'); background-size: cover; background-repeat: no-repeat; }

#lp-init .lp-header-caption 
					{ bottom: 10px; width: 100%; }
#lp-init-carousel .lp-header-caption 
					{ width: auto; }

.lp-init-ov-box,
#lp-init-carousel 	{ margin-bottom: 10px; }

#lp-init-energy-access,
#lp-init-projects   { margin-top: 30px; margin-bottom: 30px; }

#lp-init-proj-dev,
#lp-init-cap-bldg,
#lp-init-inve-fac,
#lp-init-know-mgt 	{ padding: 0px; height: 190px; background-size: cover;  background-repeat: no-repeat; }

@media (max-width: 767px) {
	#lp-init-proj-dev,
	#lp-init-cap-bldg,
	#lp-init-inve-fac,
	#lp-init-know-mgt 	{ padding: 0px; height: 390px; background-size: cover;  background-repeat: no-repeat; }

}

#lp-init-proj-dev 	{ background-image: url('../images/home-initiative/initiative-solar-panels.jpg'); }
#lp-init-cap-bldg	{ background-image: url('../images/home-initiative/initiative-talk.jpg'); }
#lp-init-inve-fac	{ background-image: url('../images/home-initiative/initiative-solar-install.jpg'); }
#lp-init-know-mgt 	{ background-image: url('../images/home-initiative/initiative-ideas-laptop.jpg'); }

#lp-init-search-projects-01,
#lp-init-search-projects-02	{ width: 150px; }

#lp-init-energy-access h4
					{ text-align: center; }
#lp-init-energy-access .infogram-embed
					{ width: 100%; }
/* supported by block - seven equal columns */
@media (min-width: 768px){
  #lp-init-support .seven-cols .col-md-1,
  #lp-init-support .seven-cols .col-sm-1,
  #lp-init-support .seven-cols .col-lg-1  
					{ width: 100%; *width: 100%; }
}

@media (min-width: 992px) {
  #lp-init-support .seven-cols .col-md-1,
  #lp-init-support .seven-cols .col-sm-1,
  #lp-init-support .seven-cols .col-lg-1
					{ width: 14.285714285714285714285714285714%; *width: 14.285714285714285714285714285714%; }
}
/* Initiative */


/* Partnership */
#join-partnership-hero
					{ padding: 0px; height: 390px; background-image: url('../images/header-photos/header-bike-solar.jpg'); background-size: cover; background-repeat: no-repeat; }

#lp-part-map 		{ text-align: center; }

#block-block-6 		{ margin-top: 30px; margin-bottom: 30px; } 	/* partnership landing page blurb */

#block-menu-menu-partners > ul > li.leaf.active-trail.active > a
					{ color: var(--royal-blue); font-weight: bold; }
#block-menu-menu-partners > ul > li > a
					{ font-weight: normal; color: #333333; }
#block-webform-client-block-58
					{ margin-top: 22px; }

/* Partnership */


/* SEforAll */
/* nav logo */
.page-node-1280 #navbar > div.wrapper > div > div > a.logo.navbar-btn.pull-left > img,
.page-node-1281 #navbar > div.wrapper > div > div > a.logo.navbar-btn.pull-left > img 
					{ width: 80%; }
.page-node-1280 #navbar > div.wrapper > div > div > a.logo.navbar-btn.pull-left,
.page-node-1281 #navbar > div.wrapper > div > div > a.logo.navbar-btn.pull-left
					{ padding: 0px; margin: 0px; }
/* footer + other elements -- yellow */
.page-node-3002 .footer,
.page-node-1280 .footer, /* about */
.page-node-1281 .footer  /* contact */
					{ background-color: var(--adb-yellow); }
.page-node-3002 .btn,
.page-node-1280 .btn, /* about */
.page-node-1281 .btn  /* contact */
					{ background-color: var(--adb-yellow); border-color: var(--adb-yellow); }

/* newsletter signup */
#mc-embedded-subscribe 
					{ margin-top: 20px; }
section#block-block-23 br
					{ display: none; }

/* newsletter signup */

/* social media logos */
#seforall-socials #lp-socials a
					{ color: #333333; background-color: var(--adb-yellow); padding: 9px 11px 9px 11px; border-radius: 20px; font-size: 1.2em; margin-bottom: 10px; }
#seforall-header-caption
					{ width: 450px; }

#block-menu-block-2 > h4
					{ color: var(--adb-yellow); }
#block-menu-block-2 > div.menu-block-wrapper.menu-block-2.menu-name-menu-seforall.parent-mlid-0.menu-level-1 > ul > li.active > a
					{ color: var(--adb-yellow); font-weight: bold; }
#block-menu-block-2 > div.menu-block-wrapper.menu-block-2.menu-name-menu-seforall.parent-mlid-0.menu-level-1 > ul > li > a
					{ font-weight: normal; color: #666666; }

#seforall-contact  	{ margin-top: 30px; margin-bottom: 30px; }

/* SEforAll */


/* CEFPF */
/* footer + other elements -- green */
.page-node-1277 .footer
					{ background-color: var(--adb-green); }
.page-node-1277 .btn
					{ background-color: var(--adb-green); border-color: var(--adb-green); }
/* CEFPF */


/*#navbar > div.wrapper > div > div 	
					{ width: 100%; } */
/*#navbar > div > div > div > div > div > div.partner-logo-container > a.navbar-partner-logo > img
					{ width: 50px; margin-top: 30px; margin-left: 10px; }*/	
/*#navbar > div.wrapper div.menu-wrapper
					{ border: 0px dotted orange; }*/
/*#navbar > div.wrapper div.menu-wrapper > .container
					{ display: table-cell; }*/
/*#navbar-collapse	{ display: inline-block !important; margin-top: 10px; border: 0px dotted red; }*/

/*#lp-partnership .lp-header-caption,
#lp-cefpf .lp-header-caption,
#lp-seforall*/  


/*#lp-social-partner,*/
/*#lp-init-support 	{ text-align: center; }*/

/*Vertical Steps*/
.list-group.vertical-steps{
  padding-left:10px;
}
.list-group.vertical-steps .list-group-item{
  border:none;
  border-left:3px solid #ece5dd;
  box-sizing:border-box;
  border-radius:0;
  counter-increment: step-counter;
  padding-left:20px;
  padding-right:0px;
  padding-bottom:20px;  
  padding-top:0px;
}
.list-group.vertical-steps .list-group-item.active{
  background-color:transparent;
  color:inherit;
}
.list-group.vertical-steps .list-group-item:last-child{
  border-left:3px solid transparent;
  padding-bottom:0;
}
.list-group.vertical-steps .list-group-item::before {
  border-radius: 50%;
  background-color:#ece5dd;
  /*color:#555;*/
  color:#ece5dd;
  content: counter(step-counter);
  display:inline-block;
  float:left;
  height:25px;
  line-height:25px;
  margin-left:-35px;
  text-align:center;  
  width:25px;  
}
.list-group.vertical-steps .list-group-item span,
.list-group.vertical-steps .list-group-item a{
  display:block;
  overflow:hidden;
  padding-top:2px;
}
/*Active/ Completed States*/
.list-group.vertical-steps .list-group-item.active::before{
  /*background-color:#0052c2;
  color:#fff;*/
  background-color: var(--royal-blue);
  color: var(--royal-blue);
}
.list-group.vertical-steps .list-group-item.completed > span {
    color: var(--royal-blue) !important;
}
.list-group.vertical-steps .list-group-item.active > span {
    font-weight: bold;
    color: var(--royal-blue) !important;
}
.list-group.vertical-steps .list-group-item.completed{
  /*border-left:3px solid #0052c2;*/
  border-left:3px solid var(--royal-blue);
}
.list-group.vertical-steps .list-group-item.completed::before{
  /*background-color:#0052c2;
  color:#fff;*/
  background-color: var(--royal-blue);
  color: var(--royal-blue);
}
.list-group.vertical-steps .list-group-item.completed:last-child{
  border-left:3px solid transparent;
}
/* vertical steps */