/*
 Theme Name:   Bloom Energy
 Theme URI:    
 Description:  Divi Child Theme
 Author:       James Alborough
 Author URI:   
 Template:     Divi
 Version:      1.12
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  bloomenergy
*/


@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/7d478d939514.otf") format('opentype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/7d478d939514.otf") format('opentype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/7d478d939514.otf") format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/7d478d939514.otf") format('opentype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/123eb5745acf.otf") format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/123eb5745acf.otf") format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/b4442b41249f.otf") format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/b4442b41249f.otf") format('opentype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/c24f191905c7.otf") format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/c24f191905c7.otf") format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/c24f191905c7.otf") format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'FK Grotesk';
  src: url("/reference-assets/c24f191905c7.otf") format('opentype');
  font-weight: 900;
  font-style: italic;
}


* {
  font-variant-ligatures: none;
}


img[title] {
    pointer-events: none;
}



/* make column heights equal, add class to rows */
.align-center .cpb_column { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}



 
/* =Theme customization starts here
------------------------------------------------------- */
body {
	font-weight:500;
	font-family:'FK Grotesk',Helvetica,Arial,sans-serif !important;
	line-height:1.5;
}

#wpadminbar {
	z-index:9999999 !important;
}	

#logo {
	max-width:240px !important;
}

.dp-dfg-loader, .et-fb-loader-wrapper.dp-dfg-loader {
    display: none !important;
}

.cpb_section {
    padding: 34px 0;
}

.cpb_video_play {
    text-decoration: none;
}


h1 {
	font-size:60px !important;
	font-weight:700;
	line-height: 1.2;
	letter-spacing: -1px !important;
	word-wrap: normal;
	font-family: 'FK Grotesk',sans-serif !important;
	text-transform:normal !important;
	word-wrap: normal;
	}

h2 {
	font-size:2.75rem !important;
	font-weight:700;
	line-height: 1.2;
	word-wrap: normal;
	font-family: 'FK Grotesk',sans-serif !important;
	text-transform:normal !important;
	word-wrap: normal;
	}
	
h3 {
	font-weight:700;
	font-size:24px !important;
	line-height: 1.2;
	font-family: 'FK Grotesk',sans-serif !important;
	word-wrap: normal;
	}
h4 {
	font-weight:700;
	font-size:20px !important;
	line-height: 1.2;
	font-family: 'FK Grotesk',sans-serif !important;
	word-wrap: normal;
	}
h5 {
	font-weight:700;
	font-size:16px !important;
	line-height: 1.2;
	font-family: 'FK Grotesk',sans-serif !important;
	word-wrap: normal;
	}
h6 {
	font-weight:700;
	font-size:14px;
	line-height: 1.2;
	font-family: 'FK Grotesk',sans-serif !important;
	word-wrap: normal;
	}
.cpb_column_1_3 h3, .cpb_column_1_4 h3, .cpb_column_1_5 h3, .cpb_column_1_6 h3, .cpb_column_2_5 h3 {

    font-size: 24px;

}
.cpb_column_1_3 h5, .cpb_column_1_4 h5, .cpb_column_1_5 h5, .cpb_column_1_6 h5, .cpb_column_2_5 h5 {
    font-size: 16px;
}

.cpb_blurb h3 {
	font-weight:500 !important;
	font-size:24px !important;
	}
.cpb_blurb p {
	font-size: 18px !important;
line-height: 1.3;
	}

.green {
    color: #00AB44 !important;
    background: transparent;
}
.green.light {
    color: #30D060 !important;
    background: transparent;
}

.preheader {
	text-transform: uppercase;
  font-size: .75rem;
  letter-spacing: 3%;
  font-weight: 700;
  line-height: 125%;
  padding-bottom: 10px;
  }

.preheader.white {color:#fff !important;}

#resource-grid-case .category {
color: #00AB44 !important;
position: absolute;
  bottom: 0;
}

#main-content .category p {color:#000;}

.type-event .category {
color: #00AB44 !important;
position: relative;
top: 0;
  padding: 0;
}

p.sectionhead {
    margin: 20px 0;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 600;
	text-transform: uppercase;
}
p.subhead,.intro {
    margin-bottom: 0;
    font-size: 25px;
    line-height: 1.5;
    
}

p:not(.wdefh-background):last-of-type {
    padding-bottom: 1em;
}

a {
	font-weight:400 !important;
    color: #00AB44;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color:#00AB44 !important;
    text-decoration: none;
}

.et-l--footer .cpb_widget a {
    text-decoration: underline;
    color: #00AB44;
    white-space: nowrap;
}

.smallbold {
	font-weight:bold;
	font-size:12px;
}	

sub, sup {
    font-size: 50%;
}

.largetext {	
	font-size: 2rem;
	line-height: 125%; 
	}


.nav-single a {
	color: #36414A !important;
}

.wp-post-image {
	width:100%;
}

.not-found-title {
white-space: nowrap;
}


.cpb_bg_layout_dark .cpb_slide_description {
    text-shadow: none;
}

ol {	
	list-style-position: outside !important;
	padding: 0 0 23px 1em;
	line-height: 26px;
	margin-left:40px;
  }
ol li {  
  padding-bottom: 10px;
  }
a.anchor {text-decoration:underline;display:inline-block;margin-right:54px;font-size:1rem !important;position:relative;}

a.anchor:after {content:"";
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;width:18px;height:18px;background-size:cover;display:inline-block;top: 5px;
  position: absolute;right: -20px;}
  
  
#main-content .container:before {
        width: 0px;
    }
  

/* HEADER VAR */


.cpb_section.js-header{
  --headerH: 120px; /* your header height */
}

.cpb_section_0_tb_header.cpb_section {align-content:center;}


/* SEARCH */

:root{
  --headerH: 120px;
}

.home .js-header .cpb_menu__search-button::after,.pid-10588 .js-header .cpb_menu__search-button::after{
  content:"";
  background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
  width:24px;
  height:24px;
  display:block;
}

.js-header .cpb_menu__search-button::after,.js-header.fixed .cpb_menu__search-button::after {
  background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
  content:"";
  width:24px;
  height:24px;
  display:block;
}

.js-header .cpb_menu__search-button:hover:after,.js-header.fixed .cpb_menu__search-button:hover:after {
  background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
  }

.cpb_section.search-section {
  position: fixed !important;
  left: 0;
  right: 0;
  width: 100%;
  top: var(--searchTop, calc(var(--headerTop, 0px) + var(--headerH, 120px))) !important;
  z-index: 99998;
  background: #fff;
}

.cpb_section.search-section{
  display: none;
}

.cpb_section.search-section.is-visible{
  display: block;
}

.search-section .cpb_search.cpb_hide_search_button input.cpb_s{
  color:#001F1B;
}

.mobile-only {display:none;}



/* MENU SCROLLING/HOVER BEHAVIOR */


.cpb_section.js-header{
  position: relative;
  z-index: 10;
  background: #fff;
}

/* When fixed, force white background */
.cpb_section.js-header.fixed{
  background: #fff !important;
  z-index:10;
}



@media (min-width: 1200px){
  .cpb_section.js-header{
    position: fixed !important;
    left: 0; right: 0;
    top: var(--headerTop, 0px) !important;
    z-index: 99999;
    transform: translateY(0);
    transition: transform 0ms ease;
    will-change: transform;
  }

  .cpb_section.js-header.is-hidden{
    display: none !important;
  }

  
}

/* White background only when “fixed mode” is active */
.cpb_section.js-header.fixed{
  background: #fff !important;
}





/* MENUS */ 

.button-column .cpb_code_inner {
	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	column-gap: 15px;
  	}

/* MEGA MENU DIVIDING LINE */

.right-line {
  position: relative;
  padding-right: 0px;   /* space before divider */
}

.after-right-line {
  padding-left: 40px;    /* space after divider */
}

/* divider in the gutter */
.right-line::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: clamp(20px, 5vw, 50px);
  width: 1.5px;
  background: rgba(26, 26, 26, 0.25);
  display:flex !important;
  align-self:stretch;
}


#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
	top:70px;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-row {max-width:1440px !important;}


#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group {
  display: flex;
  flex-direction: row !important;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu .technology a.mega-menu-link .mega-description-group span:first-child {
  width: 195px;      
  flex: 0 0 195px;   
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu .company a.mega-menu-link .mega-description-group span:first-child {
  width: 106px;      
  flex: 0 0 106px;   
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu .company-two a.mega-menu-link .mega-description-group span:first-child {
  width: 140px;      
  flex: 0 0 140px;   
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu .resources a.mega-menu-link .mega-description-group span:first-child {
  width: 150px;      
  flex: 0 0 150px;   
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group{
  display: flex;
  width: 100%;
  align-items:center;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group span:last-child{
  flex: 1 1 auto;
}


#mega-menu-wrap-primary-menu #mega-menu-primary-menu .technology a.mega-menu-link .mega-description-group span.mega-menu-title,#mega-menu-wrap-primary-menu #mega-menu-primary-menu .company a.mega-menu-link .mega-description-group span.mega-menu-title,#mega-menu-wrap-primary-menu #mega-menu-primary-menu .company-two a.mega-menu-link .mega-description-group span.mega-menu-title,#mega-menu-wrap-primary-menu #mega-menu-primary-menu .resources a.mega-menu-link .mega-description-group span.mega-menu-title {
	font-size:1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  color:#001F1B;
  }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu a.mega-menu-link .mega-description-group span.mega-menu-description {
	margin: 5px 0;
  color: rgba(26, 26, 26, 0.65) !important;
  font-size: .875rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 140% !important;
  }


.home .js-header a.mega-menu-link,.pid-10588 .js-header a.mega-menu-link  {color:#fff !important}
.home .js-header.fixed a.mega-menu-link,.pid-10588 .js-header.fixed a.mega-menu-link  {color:unset !important}

.home .js-header .black-logo,.pid-10588 .js-header .black-logo {display:none;}
.home .js-header .white-logo,.pid-10588 .js-header .white-logo {display:block;}
.home .js-header.fixed .black-logo,.pid-10588 .js-header.fixed .black-logo {display:block;}
.home .js-header.fixed .white-logo,.pid-10588 .js-header.fixed .white-logo {display:none;}

.cpb_section.white #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {color:#fff !important}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-grid > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 15px 15px 0 !important;
  width: 100%;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu {
  column-gap: 20px;
  }

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
  font-weight: 500 !important;
}

.mega-indicator {display:none !important;}

.hidetitle > a.mega-menu-link {display:block !important;height:40px !important;}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.hidetitle > a.mega-menu-link {font-size:0 !important;}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-grid > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0 !important;
  width: 100%;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	font-size:1.125rem;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 130%;
  color:#001F1B !important;
  padding-bottom:1rem;
  }
  
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {color:#30D060 !important}
  
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link .mega-menu-title:hover {color:#30D060 !important}
  
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {  
  color: #111 !important;
font-size: .875rem !important;
font-style: normal;
font-weight: 500 !important;
line-height: 140% !important;
padding-bottom:.62rem;}

#mega-menu-11181-0-0 .mega-sub-menu,#mega-menu-11181-0-1 .mega-sub-menu {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between;}


.blog-news-events ul.mega-sub-menu 	{
	display:flex !important;
	flex-direction:column !important;
	gap:5px !important;
	justify-content: space-around;
	width: 100% !important;}

.blog-news-events ul.mega-sub-menu > li {
	
  	border: 1.5px solid rgba(26, 26, 26, 0.25) !important;
  	width: 100% !important;
  	padding: 5px 10px !important;}

.blog-news-events ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  padding:12px 16px !important;
  position: relative !important;
  font-size:14px !important;
}


.blog .mega-menu-link:after {content:"";
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp")no-repeat center;
	height: 20px;
  width: 20px;
  position: absolute;
  right: 15px;
  top: 10px;
  display: flex !important;}
	

	
.events .mega-menu-link:after {content:"";
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp")no-repeat center;
	height: 20px;
  width: 20px;
  position: absolute;
  right: 15px;
  top: 10px;
  display: flex !important;}
	
.newsroom .mega-menu-link:after {content:"";
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp")no-repeat center;
	height: 20px;
  width: 20px;
  position: absolute;
  right: 15px;
  top: 10px;
  display: flex !important;}
	


#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-grid > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
  justify-content: space-between !important;
}

#mega-menu-item-14213 > ul.mega-sub-menu {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 60px; 
}


#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.cpb_menu_page_id-14213 > a.mega-menu-link:hover,#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.cpb_menu_page_id-2336 > a.mega-menu-link:hover {color:#001F1B !important}

/* MEGA MENU FEATURE BOX */



.feature-box {display:flex;grid-template-columns: 60% 40%;border:1.5px solid #C6C6C6;padding:0;min-height:190px;}

.feature-box.text {grid-template-columns: 100%;margin-right: 20px !important;}

.feature-box.text:last-of-type {margin-right: 0px;}

.feature-box .wording {padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;}

.feature-box .wording .type {font-size:.75rem;text-transform:uppercase;letter-spacing:.02225;font-weight:700;}

.feature-box .wording .headline a {font-size:1.125rem;font-weight:700 !important;line-height:130%;margin:15px 0;display:inline-block}

.feature-box .wording .link a {font-size:.75rem;position:relative;color:#001f18 !important;font-weight:500;display:inline-block;text-decoration:underline;}
.feature-box .wording .link a:after {background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	display: flex;
  	width: 18px;
  	height: 12px;
  	background-size: cover;
  	position: absolute;
  	right: -20px;
  	top:3px;
  	align-self: center;
  	content: "";}

.feature-box .image {padding:0px;}

.feature-box .image img {height:100%;width:auto;}


/* HEADER BAR BUTTONS */

.home .js-header .cpb_button_module_wrapper a.cpb_button.topbar,.pid-10588 .js-header .cpb_button_module_wrapper a.cpb_button.topbar
{background-color:transparent !important;border-color:#FFFFFF !important;color:#ffffff !important;text-decoration: none;}

body .js-header .cpb_button_module_wrapper a.cpb_button.topbar
{background-color:#30D060 !important;border-color:#30D060 !important;color:#001F1B !important;text-decoration: none;padding: 0.63rem 2.75rem 0.63rem 1.75rem !important;}

body .fixed .cpb_button_module_wrapper a.cpb_button.topbar,body.home .fixed .cpb_button_module_wrapper a.cpb_button.topbar,body.pid-10588 .fixed .cpb_button_module_wrapper a.cpb_button.topbar
{background-color:#30D060 !important;border-color:#30D060 !important;color:#001F1B !important;}

body .fixed .cpb_button_module_wrapper a.cpb_button.topbar:hover {
	background:#004120 !important;
	color: #fff !important;
	padding: 0.63rem 2.75rem 0.63rem 1.75rem !important;
	border-color:#004120 !important;
	}
body .js-header  .cpb_button_module_wrapper a.cpb_button:after {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	}
body .fixed  .cpb_button_module_wrapper a.cpb_button:hover:after,body.home .js-header .cpb_button_module_wrapper a.cpb_button.topbar:hover:after,body.pid-10588 .js-header .cpb_button_module_wrapper a.cpb_button.topbar:hover:after,.home  .cpb_button_module_wrapper a.cpb_button.topbar:after,.pid-10588  .cpb_button_module_wrapper a.cpb_button.topbar:after {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center !important;
	}	
body .fixed .cpb_button_module_wrapper a.cpb_button:after,body.home .fixed  .cpb_button_module_wrapper a.cpb_button:after,body.pid-10588 .fixed  .cpb_button_module_wrapper a.cpb_button:after 	{
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center !important;
	}

  #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:focus,.mega-toggle-on,#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-current-menu-item > a.mega-menu-link .mega-description-group span.mega-menu-title,#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {

    color: #30d060 !important;

  }

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-grid > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    display:flex;
}  

/* HEADERS */

#hero,#slimhero,#blog-hero,#hero-slim {padding-top:170px;}

#slimhero .cpb_row {
 display: grid;
  align-content: center;
  height: 40vh;
 
}
#slimhero .cpb_row .cpb_column{
	 margin-bottom:0;
}

.top {
    align-self: flex-start;
}




/* BUTTONS */


.cpb_button_module_wrapper a.cpb_button,.blurbage .button a.cpb_button,.read-more-wrapper a.cpb_button {
    line-height: 1.3 !important;
    background: transparent !important;
	color:#001F1B !important;
	border: 1.5px solid #c6c6c6 !important;
    padding: 0.75rem 2.75rem 0.75rem 1.75rem !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 0.375rem;
	display:inline-flex !important;		
	border-radius: 44px !important;
	font-weight: 500 !important;
	font-size:1rem !important;
    white-space: nowrap;
    position:relative;
}


body .cpb_button_module_wrapper a.cpb_button:hover,.blurbage .button a.cpb_button:hover,.read-more-wrapper a.cpb_button:hover {
	background:#30d060 !important;
	color:#001F1B !important;
	border:1.5px solid #30d060 !important;	
	padding: 0.75rem 2.75rem 0.75rem 1.75rem !important;
	}
	
.cpb_button_module_wrapper a.cpb_button:after,.blurbage .button a.cpb_button:after,.read-more-wrapper a.cpb_button:after {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	display: flex;
  	width: 16px;
  	height: 16px;
  	background-size: cover;
  	position: absolute;
  	right: 20px;
  	align-self: center;
  	content: "" !important;
	}

.cpb_button_module_wrapper a.cpb_button:hover:after {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	}
	
/* MEDIUM BUTTON */

body .cpb_button_module_wrapper a.cpb_button.medium {padding: 0.75rem 2.75rem 0.75rem 1.75rem !important;}

body .cpb_button_module_wrapper a.cpb_button.medium:hover {padding: 0.75rem 2.75rem 0.75rem 1.75rem !important;}

.cpb_button_module_wrapper a.cpb_button.medium:after {
	right:25px;
}

/* SMALL BUTTON */

body .cpb_button_module_wrapper a.cpb_button.small {padding: 0.63rem 2.5rem 0.63rem 1.5rem !important;font-size: .875rem !important;}

body .cpb_button_module_wrapper a.cpb_button.small:hover {padding: 0.63rem 2.5rem 0.63rem 1.5rem !important;font-size: .875rem !important;}


/* WHITE BUTTON (SAME AS STANDARD BUTTON)*/

.cpb_button_module_wrapper a.cpb_button.white,.read-more-wrapper a.cpb_button {
    background: #fff !important;
	color:#001F1B !important;
	border: 1.5px solid #c6c6c6 !important;
   }
.cpb_button_module_wrapper a.cpb_button.white:hover {
	background:#30d060 !important;
	color:#001F1B !important;
	border:1.5px solid #30d060 !important;	
}

.cpb_button_module_wrapper a.cpb_button.white:hover:after {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	}




/* LEGACY BUTTONS */

.cpb_button.reversed {
	background:transparent !important;
	color:#00AB44 !important;
	border:2px solid #00AB44 !important;
	
}
.cpb_button.reversed:hover {
	background:#85C280 !important;
	color:#fff !important;
	border:2px solid #85C280 !important;
	
}

.cpb_button.reversed.white {
	background:transparent !important;
	color:#fff !important;
	border:2px solid #fff !important;
	
}
.cpb_button.reversed.white:hover {
	background:#fff !important;
	color:#85C280 !important;
	border:2px solid #fff !important;
	
}


/* TOP TICKER */

#wpfront-notification-bar {
	text-align: center;
  padding-bottom: .75rem !important;
  padding-top: .75rem !important;
  line-height: 1.2;
  font-size: 16px !important;
  }

#wpfront-notification-bar a {
	color: #000000 !important;
  text-decoration: underline;
  font-size: 1rem;
  font-weight: 500 !important;
  line-height: 150%;
  }
.wpfront-message {position:relative;}
.wpfront-message a:before {
background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	display: flex;
  	width: 24px;
  	height: 24px;
  	background-size: cover;
  	position: absolute;
  	left: -30px;
  	align-self: center;
  	content: "";}



/* GTRANSLATE */

#menu-bloomenergy-footer-menu .gt_selector {display:none;}


.gt_selector {background:transparent;border:0 !important;font-size:16px !important;font-weight: 500;width:3.3rem;}




.home .js-header .gt_selector,.pid-10588 .js-header .gt_selector {color:#fff !important;}
.home .js-header.fixed .gt_selector,.pid-10588 .js-header.fixed .gt_selector {color:#000 !important;}
.home .gt_selector option,.pid-10588 .gt_selector option  {width:150px;color:#000 !important;}
.home .gt_switcher a,.pid-10588 .gt_switcher a {padding-bottom:5px !important;}

.gt_selected a {border:0 !important;background:#fff !important;}

.gt_selected {
  background:#fff !important;}






/* MAILCHIMP IN FOOTER */
#mc_embed_signup form {
    padding: 10px 0 10px !important;
}
#mc_embed_signup input.email {
    margin: 0 0 10px 0 !important;
    min-height: 32px;
    width: 48%;
    min-width: 130px;
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color:#fff;
    float:left;
}
#mc_embed_signup input[type=submit] {
    border: 0px solid #999 !important;
    -webkit-appearance: none;
    float: left;
}

/* WIDGETS */
.cpb_widget ul li {

    margin-bottom: 1em;
    line-height: 1.3;

}


/* HOME PAGE */


.home-page-hero {display:flex;}

.home-page-hero:after {
background: linear-gradient(0deg, rgba(26, 26, 26, 0.20) 0%, rgba(26, 26, 26, 0.20) 100%);
  content: "";
  width: 100%;
  height: 100vh;
  display: block;
  position: absolute;
  top:0;
  }

.dipl_text_animator_0 .animated_text_wrapper h1 {font-weight:400;}

.animated_text {display:block !important}

.large-text {font-size:2rem;line-height:125%;padding-bottom:0 !important}

.medium-text {font-size:1.5rem;line-height:140%;padding-bottom:0 !important;font-weight:500;}




/* HOME STICKY */

.my-sticky-wrap{
  --stickyTop: 0px;
  --row1H: 200px;
  --row1Hold: 800px;
}

.my-sticky-wrap .row1{
  position: sticky;
  top: var(--stickyTop);
  z-index: 9999;
}

.my-sticky-wrap .cpb_row_5{
  margin-top: calc(-1 * var(--row1Hold));
}

.my-sticky-wrap .cpb_row_5 .js-video-sticky{
  position: sticky;
  top: calc(var(--stickyTop) + var(--row1H));
  align-self: flex-start;
  z-index: 50;
}

.my-sticky-wrap,
.my-sticky-wrap .cpb_row,
.my-sticky-wrap .cpb_column{
  overflow: visible !important;
}

.my-sticky-wrap .row1::after{
  content:"";
  display:block;
  height: var(--row1Hold, 0px);
}

/* Remove the extra tail below the whole section */
.my-sticky-wrap{
  margin-bottom: calc(-.3 * var(--row1Hold));
}

.unstick-trigger {
	--row1Hold: 800px;
  margin-top: calc(-.3 * var(--row1Hold));
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  vertical-align: top;
}

@supports (-webkit-hyphens: none) {
  .unstick-trigger{
    display: flex;
    margin-top: 0 !important;
  }
}



/* STACKABLES */

body .dipl_scroll_stack_cards_0 .dipl-scroll-stack-cards-wrapper .dipl_scroll_stack_cards_content_wrapper {padding-left:0 !important;}

h2.dp_oc_image_title {font-size:20px !important;}

h2.dipl_scroll_stack_cards_title {font-size:24px !important;}

body .dipl_scroll_stack_cards_content {font-weight:500 !important}


.row1 .preheader {padding-bottom:1.5rem;}

.dipl_scroll_stack_cards_item {padding-left:0 !important;padding-right:0 !important;}


/* Base card */
.dipl_scroll_stack_cards_item {
  position: relative;
}

/* Large whitespace below cards BEFORE stacking */
.dipl_scroll_stack_cards_item::after {
  content: "";
  display: block;
  height: 220px;          /* adjust whitespace size */
  transition: height 0.3s ease;
}

.dipl_scroll_stack_cards_item_3::after { height: 00px; }


/* When cards are pinned / stacking */
.pin-spacer .dipl_scroll_stack_cards_item::after {
  height: 0;
}


/* VIDEO */

.server-video {
  display: flex;
  justify-content: center;
  padding-top:30px;
}

.server-video video {
  max-width: 520px;
  width: 100%;
}

.server-video .cpb_text_inner {text-align:center;}


/* CAROUSELS */

.industries-carousel .owl-carousel .owl-item img:hover {
  opacity: .5;
}

.owl-carousel .dp_oc_image_title {
  margin: 12px 0 0;
  }
  
.logos .owl-carousel .owl-item img {
    max-width: 180px;
}

.cpb_dp_oc_custom_1 .dp_oc_item .dp_oc_image_title {
  font-size: 18px !important;
  line-height: 130%;
}
.owl-dots {display:none;}
.owl-nav {
  position: absolute;
  bottom: -120px;
  width: 80%;
  height: 50px;
  left: 0;
  right: 0;
  margin: auto;
  max-width:1440px;
}

.owl-next, .owl-prev {
  opacity: 1;
  }

.owl-nav.arrow_size_large .owl-next::before {
	content:"";
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	width:8.5rem;
	height:5rem;
	display:block;
	font-size:0;} 


.owl-nav.arrow_size_large .owl-prev::before {
  content:"";
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	width:8.5rem;
	height:5rem;
	display:block;
	font-size:0;}

.owl-nav.arrow_size_large .owl-next:hover:before {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	}

.owl-nav.arrow_size_large .owl-prev:hover:before {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	}




/* NUMBER COUNTERS */

.cpb_number_counter .percent{
  height: 100px;
  position: relative;
  letter-spacing:-.52rem;
}

.cpb_number_counter_1.cpb_number_counter .percent p {font-size:6.5rem !important;white-space:nowrap;⁨⁨⁨}

.plus .percent-sign:before {content:"+";font-size:100px;}

.plus h4 {padding-left:20px;}
.availability h4 {padding-left:10px;}
.faux-number h4 {padding-left:10px;}


.faux-number  .percent-sign.animate {
  animation-name: fadeIn;
  animation-duration: 5s;
  animation-fill-mode: forwards;
  padding-left:15px;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.faux-number {
  border-top: 2px solid #c6c6c6;
  padding-top: 41px;
}

.faux-number  .percent p {
  font-weight: 300;
  font-size: 104px;
  color: #00AB44 !important;
  line-height: 100%;
  text-align: left;
  padding-bottom: 1rem;
  white-space:nowrap;
    letter-spacing:-.52rem;
}



/* ACCORDION HOME */

.home-accordion .cpb_toggle {margin-bottom:0 !important}

.home-accordion  .cpb_toggle_close,.home-accordion  .cpb_toggle_open {
  padding: 20px 0 !important;
}

.home-accordion  .cpb_toggle_content {
  padding-top: 16px;
  position: relative;
  padding-bottom: 8px;
}

.home-accordion  .cpb_toggle_open::before {
  font-size: 24px;
  color: #30D060;
  font-weight: 300 !important;
  content: "–" !important;
  position: absolute;
  right: 0;
  top: 30px;
  margin-top: -.5em;
}



/* TESTIMONIAL TABS */


.testimonials .cpb_tabs_controls {display:flex;justify-content: space-evenly;background:transparent !important;}

.testimonials .cpb_tabs_controls li {background:transparent !important;text-align:center;width:100%;}

.testimonials .cpb_tabs_controls li {border-right:0 solid #D4D4D4 !important;border-bottom:2px solid #D4D4D4;padding: 4px 30px 8px;}

.cpb_tabs_0.cpb_tabs.testimonials .cpb_tabs_controls li a {font-size:1.125rem;font-weight:700 !important;color:#8c8c8c !important;white-space: nowrap;}

.testimonials  .cpb_tab {
  padding: 24px 0;
  }

.testimonial {display:grid;grid-template-columns:repeat(2,48%);grid-column-gap:4%}
.testimonial .image {overflow:hidden;}
.testimonial .image img {width:100%;height:auto;}
.source {
  font-size:1.125rem !important;
  width: 100%;
  font-weight: 500;
  line-height: 150%;
  font-style: normal;
  margin: 0 auto;
  color:#00AB44;
}

.source strong {
font-weight: 700;
}

.quotetext {font-size:2rem;line-height:1.3;color:#001F1B;font-weight:400;padding-top: 24px;}

.quotetext p:first-child::before {
  content: '“';
  margin-left: -12px; /* Adjust this value as needed for the font */
}
.greenquote p {font-weight:400 !important;}
.greenquote p:first-child::before {
  content: '“';
  margin-left: -16px; /* Adjust this value as needed for the font */
}

.quotetext p a {font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-decoration: underline;
  display: inline-block;
  position: relative;
  color: rgba(26, 26, 26, 0.65);
  margin-top:1.5rem;}

.quotetext p a:after {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	display: flex;
  width: .875rem;
  height: .875rem;
  background-size: cover;
  position: absolute;
  right: -18px;
  align-self: center;
  content: "";
  top: 0;
	}





/* HOME BLOG/NEWS */

.homeblog .dp-dfg-item {display: flex;
  padding: 0 !important;
  flex-direction: column;
  justify-content: space-between;}

.homeblog .dp-dfg-item .dp-dfg-header {order:2;flex-grow: 1;}

.homeblog .dp-dfg-item .dp-dfg-meta {order:1;border-bottom:1.5px solid #C6C6C6;margin-bottom:1.5rem;}

.homeblog .dp-dfg-item .dp-dfg-content {order:3;color:rgba(26, 26, 26, 0.65);line-height:140%;font-size:1rem;margin: 15px 0 0px !important;padding-bottom:0 !important;height: 100px;}

.homeblog .dp-dfg-item .read-more-wrapper {order:4;}

.homeblog .dp-dfg-item .read-more-wrapper a {color:#001F1B !important;font-size:.875rem;text-decoration:underline;background:transparent !important;border:0 solid #fff !important;font-weight: 500 !important;}

.homeblog .dp-dfg-item .read-more-wrapper a:after  {
	background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
    background-size: auto;
  display: flex !important;
  width: .875rem;
  height: .875rem;
  background-size: cover;
  position: absolute;
  right: -15px;
  align-self: center;
  content: "";
  top: 5px;
	}

body #page-container .cpb_section .dpdfg_filtergrid_0.homeblog .cpb_button.dp-dfg-more-button:hover {color:#00AB44 !important}

.homeblog .dp-dfg-item .read-more-wrapper a:hover:after {
	background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
}

body #page-container .cpb_section .dpdfg_filtergrid_0.homeblog .cpb_button.dp-dfg-more-button{padding:0 !important;margin:1.5rem 0 0 0 !important}


/* FOOTER CTA */

.aurora h2 {font-size:88px !important;font-weight:500 !important}


/* FOOTER */


.cpb_menu_0_tb_footer.cpb_menu ul li a {
  font-weight: 500 !important;
}



/* COMPANY PARALLEX HERO */

.company-row1 {display: grid;
  align-content: center;}
  
  header .ct_builder_inner_content {
  z-index: 3;
}

.company-row1 h1 {font-size:88px !important}	
  
/* COMPANY CAROUSEL */
.company-carousel .owl-carousel {/*display:grid;*/}
.company-carousel .owl-carousel .owl-nav {order:1;}
.company-carousel .owl-carousel .owl-stage-outer {order:2;position:relative;}

.company-carousel .owl-carousel.owl-loaded {}
.company-carousel h2 {font-size: 88px; color: #45E6F8 !important; ⁨⁨line-height: 1.2; font-weight:300;}
.company-carousel h3{ color: #45e6f8 !important; ⁨⁨line-height: 130%;padding-top:1.5rem;font-size:1.125rem !important;}

.company-carousel .dp_oc_item {
  display: grid;}

.company-carousel .dp_oc_item img {order:2;}

.company-carousel .dp_oc_item .dp_oc_image_title {order:1;line-height:1 !important;font-size: 88px !important;}

.company-carousel .dp_oc_item .dp_oc_image_content{order:3;width:80%;}



.company-carousel .owl-nav {
position: absolute;
  top: -1000px;
  height: 50px;
  right: -50vw;
  margin: auto;
  width: 280px;
}


.company-carousel .owl-nav.arrow_size_large .owl-next::before {
	content:"";
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	font-size:0;} 

.company-carousel .owl-nav.arrow_size_large .owl-next:hover:before {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	}
.company-carousel .owl-nav.arrow_size_large .owl-prev::before {
  content:"";
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	display:block;
	font-size:0;
	left: 10px;
  position: relative;}

.company-carousel .owl-nav.arrow_size_large .owl-prev:hover:before {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	}
	


/* NEW BLURBS */

.blurb-row .cpb_column_5, .blurb-row .cpb_column_6, .blurb-row .cpb_column_7, .blurb-row .cpb_column_8, .blurb-row .cpb_column_9 {
  background-color: #FFFFFF;
  border-radius: 0 0 0 0;
  border-top:2px solid rgba(26, 26, 26, 0.25) !important;
  border-bottom:0 solid transparent;
  padding-top: 25px;
  padding-right: 0;
  padding-bottom: 25px;
  padding-left: 0;
  box-shadow: none;
}

body .blurb-row .cpb_blurb .cpb_module_header {
	color:#00AB44 !important;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 130%;
	}


.blurb-row .cpb_blurb .cpb_blurb_description {
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; 
	}


body .industry-quote.cpb_section {
  	background: #004120 !important;
  	background-image:none !important;
}


.quote {
	font-size: 3.125rem;
font-style: normal;
font-weight: 400;
line-height: 125%; 
}
.attribution {
	color: #FFF;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 1.3rem */
}


#pressreleases .dp-dfg-item {
  grid-template-rows: auto .75fr auto;
  background:transparent;
  padding: 15px 0;
box-shadow: none !important;
  border-bottom: 0px solid #3DAE2B !important;
}


.homeblog .entry-title a {
	color:#00AB44 !important;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 130%;
	}

.homeblog .cpb_button_wrapper  {
	text-align:left !important;
	}



.criteria h3 {flex-grow: 1;}

.criteria .cpb_blurb_description {
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 150%;
margin-top: 10px;
}


.onsite-power-blurb .cpb_blurb_description p {position:relative;display: inline-block;font-size: .875rem !important;padding-bottom:unset !important;}

.onsite-power-blurb .cpb_blurb_description a  {color:#001F1B !important;font-size:.875rem;text-decoration:underline;background:transparent !important;border:0 solid #fff !important;font-weight: 500 !important;}

.onsite-power-blurb .cpb_blurb_description a:after  {
	background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
    background-size: auto;
  display: flex !important;
  width: .875rem;
  height: .875rem;
  background-size: cover;
  position: absolute;
  right: -20px;
  align-self: center;
  content: "";
  top: 5px;
	}


/* GRIDS */

.dp-dfg-skin-default .dp-dfg-item a {
    text-decoration: none;
}

.dp-dfg-skin-default .dp-dfg-item {
	border:0 !important;
	}
.dp-dfg-skin-default .dp-dfg-item > * {
	padding: 0 0 .5em !important;
	}
.in-the-news .dp-dfg-image {
	min-height: 120px;
    margin: 0;
    }
.in-the-news .dp-dfg-image img {

    display: block;
    width: 90%;
    max-width: 90%;
    margin: 5px auto;

}
.press-releases .dp-dfg-item {
	border:0;
	padding:0;
	grid-row-gap: .5em !important;
}

.press-releases .dp-dfg-content strong,.press-releases .dp-dfg-meta strong {
	font-weight:normal;
}
.dpdfg_filtergrid_0 .dp-dfg-layout-list .dp-dfg-item {
    grid-template-columns: minmax(300px,100%) 1fr !important;

}
.dp-dfg-layout-list .dp-dfg-item > * {

    grid-column: 1;
    padding: 0;

}
.dp-dfg-layout-list .dp-dfg-item .dp-dfg-header {

    grid-row: 1;

}

.dp-dfg-layout-list .dp-dfg-item .dp-dfg-meta{

    grid-row: 2;

}
.dp-dfg-layout-list .dp-dfg-item .dp-dfg-content {

    grid-row: 3;

}

.dp-dfg-skin-default .cpb_button_wrapper .cpb_button {

    font-size: 16px;

}


/* LEADERSHIP */


#leadership .dp-dfg-skin-default .dp-dfg-item > * {
  padding: 0 !important;
  line-height: 1 !important;
}


#leadership .titleposition {
  background: rgba(0,0,0,.5);
position: absolute !important;
padding: 15px;
color: #fff;
height: 100px;
bottom: 2px;
width: 100%;
display: grid;
}
#leadership .dp-dfg-item {
	/*margin:0 !important;*/
	padding: 0 !important;
}
#leadership .dp-dfg-custom-content {
	position:relative;
}

.biolink {
  margin-top: 25px;
  display: none;
}

#leadership .dp-dfg-custom-content:hover .titleposition {
	height: 100%;
	width: 100%;
position: absolute;
bottom: 2px;
left: 0;
margin: 0;
display: grid;
align-content: flex-end;
padding-bottom:45px
}
#leadership .dp-dfg-custom-content:hover .biolink {
	display:block;
}

#leadership .titleposition h4,#leadership .titleposition h4 a:hover {
color: #fff !important;
}
#leadership .titleposition .position {
line-height: 1.3;
}

.team-template-default #sidebar {
  padding-right: 30px;
  padding-left: 0px;
  width:30%;
}

.team-template-default #left-area {
  width:70%;
}

#leadership .dp-dfg-filters ul {
  justify-content: left!important;
  }

#leadership .dp-dfg-filter a {
  color: #000 !important;

  font-size: 20px !important;
  font-weight: bold !important;
  text-decoration: none!important;
}

#leadership .dp-dfg-filter a.dp-dfg-filter-link {
  color: #000 !important;

  font-size: 20px !important;
  font-weight: bold !important;
  text-decoration: none!important;
  line-height: 1em;
  display: block;
  overflow: hidden;
  height: 100%;
  margin: 0;
  padding: 1em 1.2em;
  border: 0px solid #e2e2e2;
  background-color: #fff;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  padding-right: 30px !important;
}

#leadership .dp-dfg-skin-default .dp-dfg-filter a {
  color: #3e3e3e !important;
  background-color: transparent !important;
  padding: .5em 0px .5em 0px !important;
margin-right: 40px;
  }
  
 #leadership a.dp-dfg-filter-link.active, #leadership  a.dp-dfg-filter-link:hover {
 	border-bottom:2px solid #00AB44;
 }


/* TECHNOLOGY */
#technology-slide .cpb_slide_title {
	text-align:left !important;
}
#technology-slide .cpb_slide_title:before {
    content: "Technology: Bloom Energy Server";
    font-size:16px;
    display: block;
}
#technology-video .cpb_with_border.cpb_video {
	border-left:10px solid #00AB44;
	border-right:10px solid #00AB44;
	}
#technology-video .cpb_image_wrap,#technology-video .cpb_video_popup_wrapper,.green-border img {
	border:10px solid #00AB44;
	background:#00AB44;
	}
#technology-video .cpb_row_inner {
	padding-bottom:0 !important;
}
#technology-video .cpb_text  {
	border-top:0px solid #00AB44;
	margin:15px auto;
	padding-top:15px;
	width:auto;
	display: inline-block;
}


.video_thumbnail img {

    display: block;
    margin: 0;
    width: 100%;

}
#technology-nav-bullets p {
	font-size:12px;
	}
#technology-nav-bullets h3 {
	padding-top: 20px;
	}

#technology-slider.cpb_slider {
	position: relative;
	min-height: 400px;
}

.preamble {
	padding-bottom: 10px;
	font-size:14px;
	font-weight:bold;
	}

.gallery {
	margin-top:-80px;
}
.gallery .greenstripe {
	padding-top:25px;
}

#technology-slider .cpb_slides {
	min-height: 325px;
}
#technology-slider .cpb_slide {
	min-height: 325px;
	}


#technology-slider .c-pb-slider-arrows {

    position: absolute;
    top: 0;
    width: 100px;
    background: #fff;
    display: block !important;
    height: 50px;
    z-index: 3;
    background: #6CB560;
    right:0;
    margin: 325px 0 0 0;

}
#technology-slider .c-pb-arrow-next, #technology-slider .c-pb-arrow-prev {

    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -24px;
    opacity: 1;
    color: #fff;
    font-size: 48px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}
#technology-slider .c-pb-arrow-next {
	right:10px;
}

#technology-slider .c-pb-arrow-prev {
	left:10px;
	}


/* MICROGRID */
#microgrid-slide .cpb_slide_title {
	text-align:left !important;
}
#microgrid-slide .cpb_slide_title:before {
    content: "AlwaysON Microgrids for business resiliency";
    font-size:16px;
    display: block;
}

#benefits .cpb_blurb_content img {
	max-width:150px;
	}

.contactus {
    font-size:12px;
    display: block;
    text-align:center;
    width:auto;
    margin:0 auto;
    color:#00AB44;
    font-weight:bold;
}
table.microgrid {
	border:0;
	margin-bottom:50px;
}
table.microgrid tr:nth-of-type(1) td {
	border:0 !important;
}
table.microgrid td b {
	font-weight:bold;
	text-align:center !important;
	white-space:nowrap;
	}
table.microgrid td.green {	
	background:#E1F1DF;
	white-space: nowrap;
	}
table.microgrid td.green div {	
	padding-top:1px !important;
	}
table.microgrid td {	
	text-align:center !important;
	vertical-align: top !important;
	}
	
h5.cpb_toggle_title {
    color: #6cb560 !important;
    font-size: 28px;
}
.cpb_toggle_open {
    background-color: transparent;
}
.cpb_toggle {
	border-top: 1px solid rgba(255,255,255,.5);
    border-bottom: 0;
    border-left: 0;
    border-right: 0;

}
.cpb_accordion .cpb_toggle_title::before, .cpb_toggle .cpb_toggle_title::before {

    color:#30D060 !important; 
}
.cpb_toggle_close {
    background-color: transparent;
}

/* PRIMARY POWER */
#power-slide .cpb_slide_title {
	text-align:left !important;
}
#power-slide .cpb_slide_title:before {
    content: "Primary Power for businesses";
    font-size:16px;
    display: block;
}


/*CUSTOMER*/

#home-customer-grid a,#technology-customer-grid a,#microgrid-customer-grid a,#power-customer-grid a {
	color:#5E676E !important;
	font-weight:300 !important;
	
}


#home-customer-grid .gridimage {
	max-height:150px;
	overflow:hidden;
}

.value {
	line-height:1.3;
	padding:0 15px;
}

#home-customer-grid article {
	padding:0;
	border:0;
}

#customergrid .dp-dfg-layout-grid .dp-dfg-item {
	align-items:center;
	justify-items:center;
	grid-auto-rows: auto;
	padding:0;
	max-height: 150px;
}

#customergrid .linkable {
	border: 5px solid #fff !important;
	width:100%;
	height:150px;
	position:relative;
	padding:10px;
	display: flex;
}
#customergrid .linkable:hover {
	border:5px solid #00AB44 !important;
	
}

#customergrid .linkable .logo,#customergrid .not-linkable .logo  {
	align-items: center;

justify-content: center;

display: flex;
}

#customergrid .linkable .readmore {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	
	text-align: center;
}

#customergrid .linkable .readmore a {
	color:#001F1B;
}

#customergrid .linkable .readmore a:hover {
	color:#30d060 !important;
}

#customergrid .not-linkable {
	display: flex;
height:150px;
cursor: default;
}


.customer-sidebar {
	float:left;
	width:25%;
	margin-right:5%;
	}
.customer-entry-content {
	float:left;
	width:70%;
	}

h1 a {
	font-weight:600 !important;	
	}

.single-customer h1 {

	font-weight:bold;
	}
.single-customer .graytop {
	background:#F5F6F5;
	padding: 150px 0 0;
	}	
.single-customer .graytop .greenstripe {
	padding: 30px 0;
	display: grid;
	grid-template-columns: 30% 2fr;
	}
.hero-image {
	margin-right:10%;
}
.single-customer .graytop .entry-content {
	margin:0 auto;
	max-width:1400px;
	width:80%;
	}	
.single-customer .graytop .blockquote {
	text-align:left;
	font-size:28px;
	line-height:36px;
	color:#36414A;
	font-weight:200;
	}	
	
.single-customer .graytop .attribution {	
	color: #36414A;		font-size: 12px;	font-weight: bold;	line-height: 16px; margin-top:10px;margin-left:0;
	}

.single-customer .container {
    padding-top: 0;
    
	}
.single-customer .container h3 {
	font-weight:bold;
	}
.single-customer #content-area {
	padding-bottom: 100px;
	}
.single-customer .cpb_post {
    margin-bottom: 0;
}
.single-customer .customerlogo {
	padding-bottom:30px;
	}


/* EVENT LANDING PAGE */


.event-entry-content.upcoming {
	
	width:100%;
	padding-bottom:50px;
	}
.event-entry-content {
	width:100%;
	
	}
.event-entry-content ul {
    list-style: disc !important;
    list-style-position: inside !important;
    margin-bottom:20px;
}
.single-event .graytop {
    background: #F5F6F5;
    margin: 0;
    padding: 150px 0 0;
}	
.single-event .graytop .greenstripe {
	padding: 30px 0;
	display: grid;
	grid-template-columns: 30% 2fr;
	}
.single-event .graytop .greenstripe.noimage {
	grid-template-columns: auto;
	}
.single-event .graytop .entry-content {
	margin:0 auto;
	max-width:1400px;
	width:80%;
	}	
.single-event .container {
	padding-top:15px !important;
}

.single-event #content-area {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-column-gap:5%;
}

.single-event .event-sidebar {background:#F5F6F5; padding:15px;font-size:16px;margin-bottom:30px}

.single-event .event-sidebar input {height:30px;}

/* HOME */

/*#headline .cpb_button,#blog .cpb_button {

    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;

}*/
#newsbanner.cpb_section {
	padding:1% 0 !important;
}
#headline .cpb_column {
	display:grid;
	grid-template-columns: 3fr 1fr;
}
#headline .cpb_button {
	margin-top: 10px;
}

#blog .cpb_button {
    position: absolute;
    bottom: 0; 
    right: 0;
}
	
/*.pid-1257 .cpb_widget_area ul {
	display: flex;
justify-content: space-evenly;
flex-direction: row;
}

.pid-1257 .cpb_widget_area ul li a{
	text-decoration: none;
	line-height: 1;
	font-size: 15px;
	display: block;
}*/

#newsroomgrid .dp-dfg-filters,#resource-grid .dp-dfg-filters {
	position: relative;
	margin-top:-60px;
	}
#customergrid .dp-dfg-filters {
	position: relative;
	margin-top:-20px;
	}

#newsroomgrid .dp-dfg-filters:before {
  content: 'Filter by type';
  font-size:18px;
  }
#resource-grid .dp-dfg-filters:before {
  content: 'Filter by topic';
  font-size:18px;
  }
#resource-grid .smallbold,#resource-grid-case .smallbold {
  font-weight: bold;
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 10px;
}

.taxonomy-title .dp-dfg-skin-default .dp-dfg-filters ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;}
  
.taxonomy-title .dpdfg_filtergrid {margin-bottom:0 !important}

.taxonomy-title .dp-dfg-filter {margin-top:30px;}
.taxonomy-title .dp-dfg-skin-default .dp-dfg-filter a {background-color:transparent !important; border:0 !important;padding:0 !important;font-weight: 700 !important;overflow: visible !important;
    font-size: 30px !important;
    line-height: 1.2;
    letter-spacing: -1px !important;}

#resource-grid h5,#resource-grid-case h5 {font-size: 18px !important;
}

#blog-grid .dp-dfg-filters:before {
  content: 'Filter by category';
  font-size:18px;
  }
#newsroomgrid .dp-dfg-filters:after,#blog-grid .dp-dfg-filters:after,#resource-grid .dp-dfg-filters:after,#categories-3:after,#dropdownSelect .select:after,.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-dropdown-label::after {
	font-family: ETmodules;
	content: "3" !important;
	font-size: 2em;
	position: absolute;
	top: 50%;
	left: 180px;
	margin-top: -.5em;
	color: #00AB44;
	pointer-events: none;
}
#categories-3:after {
	top: 50%;
}
#departmentgrid .dp-dfg-filters:after {
	color: #fff;
	display:block !important;
}

#categories-3 {
	margin-bottom: 0;
	max-width: 220px;
	height:40px;
}

.sf-field-category,.sf-field-tag,.sf-field-category {
	position:relative;
}

#resource-categories-list ul {
  list-style: none !important;
  padding: 0 !important;
  line-height: inherit !important;
}
#resource-categories-list ul li {
margin-bottom: 1em;
  line-height: 1.3;
  }


.searchandfilter h4,.widget_categories h4.widgettitle  {
	font-size:18px !important;
	padding-bottom:0 !important;
	display:none;
}

.searchandfilter li:after {
  content: '>';
  font: 17px Roboto, monospace;
  color: #00AB44;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  left: 180px;
	top: 58px;
  padding: 0 0 2px;
  font-weight:bold;
  position: absolute;
  pointer-events: none;
  display:none;
  
  
	}

.searchandfilter select,.widget_categories select,#dropdownSelect .select,.dp-dfg-skin-default .dp-dfg-filters-dropdown .dp-dfg-dropdown-label {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	width: 100%;
	max-width: 220px;
	height: 40px;
	padding: 0px 20px;
	font-size: 16px;
	line-height: 1;
	color: #eee;
	background-color: #37414A;
	background-image: none;
	border: 0px solid #cccccc;
	-ms-word-break: normal;
	word-break: normal;
	min-width:200px !important;
	display: grid;
	align-content: center;
}

.searchandfilter select option {
	height:50px;
	display:inline-block;
	line-height:50px;
	width:100%;
}

.dpdfg_filtergrid_0 .dp-dfg-container .dp-dfg-filters-dropdown-layout {
    grid-template-columns: repeat(5,1fr) !important;
}

.dp-dfg-skin-default .dp-dfg-filter a.active,.dp-dfg-skin-default .dp-dfg-filter a {
    color: #fff !important;
  background-color: #37414A !important;
  padding:.5em 0 .5em 20px !important;
  font-size:16px !important;
}
.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-filters-dropdown .dp-dfg-level {
	border:0 !important;
	max-width: 220px;
}

.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-dropdown-tag {
    background-color: transparent !important;
    }
.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-dropdown-label {
    background: #fff !important;
  color: #001F1B !important;
  border: 1.5px solid #c6c6c6 !important;
  padding: 0.75rem 2.75rem 0.75rem 1.75rem !important;
  border-radius: 44px !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  white-space: nowrap;
}


/* SEARCH RESULTS */

body:not(.et-tb) #main-content .container {
  padding-top: 150px;
}

/* SUSTAINABILITY */

.greenhead {background: #3CAD2B;}
.greenhead th {color: #fff !important;font-weight:bold !important;}

.download {vertical-align:middle;}

.download:before {
  content: "";
  background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") center center no-repeat;
    background-size: auto;
  display: inline-grid;
  width: 30px;
  height: 25px;
  background-size: contain;
  align-content: center;
  margin-right: 15px;
	}
.comingsoon  {
	color: #00AB44;
}	
.sustainability .odd td {
background:#fff;
}

.sustainability .even td {
background:#f6f6f6;
}

.pid-10902 .cpb_blurb_description p a {color: #001F1B !important;}

.pid-10902 .cpb_blurb_description p a:hover {color: #30d060 !important;}

/* BLOG */

.blogpostheader {
background-color: #efefef !important;
width:100%;
padding-top:120px;
}

.blogpostheader .inner {
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-column-gap:50px;
	margin-bottom:50px;
	max-width:1400px;
	margin:0 auto;
	padding:50px 0;
}

.blogpostheader .hide-on-mobile img {
box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}


#blog-hero h1 {
line-height: 1 !important;

}

#blog-hero p {
	text-align: left;
	line-height:1.3;
	
}


#blog-hero-right h3 {
	padding:5px 15px 0;
	line-height:1.2;
}
#blog-hero-right h3 a {
	color: #36414A;
	}
	
#blog-hero-right .cpb_post {

    margin-bottom: 10px;

}
#blog-hero-right p {
	font-size:16px;
	padding:0 15px 10px;
	
}
#blog-hero-right .dp-dfg-meta {
	padding:0 15px !important;
}
#blog-grid-home article,#blog-grid article {
	padding:0;
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}
#blog-grid-home a,.search-filter-results a,#resource-grid a,h5 a {
	color:#36414A;
	text-decoration: none;
}

#blog-grid-home .dp-dfg-custom-content,#blog-grid .dp-dfg-custom-content {
	padding-top:0 !important;
	display:flex;
	flex-direction:column;
	min-height:100px;
}

#blog-grid-home .dp-dfg-custom-content a,#blog-grid .dp-dfg-custom-content a{
	display:inline-block;
	order:1;
	}

#blog-grid-home h5,#blog-grid h5 {
	padding: 0em 20px;
	text-align: left;
	order:2;
	display:inline-block;
	min-height: 60px;
}
#blog-grid-home .smallbold,#blog-grid .smallbold {
	padding:20px 20px 0;
	text-align: left;
}
#blog-grid-home .blogdate,#blog-grid .blogdate{
	padding:20px 20px 15px;
	text-align: left;
	line-height:1.3;
	display:inline-block;
	order:3;
	font-weight:bold;
}
#blog-grid-home .author,#blog-grid .author{
	order:4;
	text-align: left;
	padding:0px 20px 15px;
	font-weight:bold;
}
/*.pid-1257 .widget_categories {
	width:100% !important;
	margin: 0 !important;
}
.pid-1257 .widget_categories li {
	float:left;
	padding:0 15px;
}*/
.pid-1257 .widget_categories li a,#resource-categories-list ul li a {
  color: #001F1B !important;
}

.pid-1257 .widget_categories li a:hover,#resource-categories-list ul li a:hover {
  color: #30d060 !important;
}

#breadcrumbs {
  max-width: 1400px;
  margin: 0 auto 0;
  font-size: 14px;
  width: 80%;
  padding-top: 10px;
}

.citations {display:none;}

/* SPECIAL STYLES FOR BLOG GRID WITH WHITE BACKGROUND */

#blog-grid-white article {
	padding:0;
}
#blog-grid-white a {
	color:#36414A;
}

#blog-grid-white .dp-dfg-custom-content {
	padding-top:0 !important;
	display:flex;
	flex-direction:column;
	min-height:100px;
}

#blog-grid-white .dp-dfg-custom-content a{
	display:inline-block;
	order:1;
	}

#blog-grid-white h5 {
	padding: 0em;
	text-align: left;
	order:2;
	display:inline-block;
	min-height: 110px;
}
#blog-grid-white .smallbold {
	padding:20px 0 0;
	text-align: left;
}
#blog-grid-white .blogdate {
	padding:20px 0 15px;
	text-align: left;
	line-height:1.3;
	display:inline-block;
	order:3;
	position:absolute;
	bottom:5px;
}

#blogheader .cpb_slide {
	padding: 20% 0 0 0;
}
#blogheader.cpb_slider .cpb_container {
	max-width:100%;
	}
#blogheader h1 {
	font-size:55px !important;
	line-height: 1.2;
	}
#blogheader.cpb_fullwidth_post_slider .cpb_container {
    width: 100% !important;
    margin:0 !important;
    position:relative;
    }
#blogheader.cpb_post_slider .cpb_slide.c-pb-active-slide .cpb_slide_description {

    background: rgba(0,0,0,0.5);
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px 0;
    position:absolute;
    bottom:0;
}

#blogheader .cpb_slide_content {
	display:none;
}




.cat-item-2,.cat-item-108 {
	display:none;
}

.return {
	float:right;
}

.archive #custom_html-4,.archive #recent-posts-2 {
	display:none;
}
/*#custom_html-5 {
	display:none;
}
.archive #custom_html-5 {
	display:block !important;
}*/

a:hover {
	color:#36414A !important;
}

.blogdate,.published {
	line-height:1.3;
	font-weight:bold;
	font-size:16px;
}

#featured-blog .dp-dfg-custom-content {
	line-height:1.3;
	font-weight:bold;
	font-size:16px;
}

#dropdown {
	position:relative;
	z-index:99;
}



option.level-0:nth-of-type(3),option.level-0:nth-of-type(5) {
	display:none;
}

.single-post .entry-content {

    padding-top: 0;

}

h3.subhead {
	margin-top:0;
}


.single-post .inset,.single-post blockquote {
	border-top:2px solid #00AB44;
	border-left:0;
	padding:20px 0;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	width:80%;
	margin:20px auto;
	text-align:left;
}

.single-post .inset .attribution,.single-post blockquote p em,.single-post blockquote .attribution {
	font-size:12px;
	
	font-weight:bold;
	margin-top:0px;
	line-height:1.3;
	font-style:normal;
	margin-left:0px;
}
.single-post .inset .position,.single-post blockquote .position {
	font-size:12px;
	font-style:italic;
	margin-top:5px;
	line-height:1.3;
	margin-left:0px;
	
}

.callout {
	border-top:2px solid #00AB44;
	border-bottom:2px solid #00AB44;
	border-left:0;
	padding:20px;
	font-size:22px;
	line-height:30px;
	width:100%;
	margin:20px auto;
	text-align:left;
}

.single-post #left-area a {
	text-decoration:underline;
}

.single-post .quotes {border: 1px solid rgb(226, 220, 220);background: rgb(250, 247, 247);padding: 10px 5px 5px 47px;text-shadow: 1px 1px #fff;margin: 5px 0;border-radius: 7px;}



#blog-sidebar {
	float: left;
	width: 20.875%;
    padding-right: 40px;
	padding-bottom: 28px;
}

#blog-sidebar .cpb_widget {
	margin-bottom:50px;
}
#blog-main-column {

    float: left;
    padding-left: 5.5%;
    width: 79.125%;
	padding-bottom: 23px;

}
#blog-main-column ul {
	margin-left:20px;
	}
#blog-main-column ul ul {
	margin-left:20px;
	margin-top:10px;
	}
#blog-main-column li {
	padding-bottom:10px;
	}
#blog-main-column ul ul li {
	list-style:circle;
	}
.cpb_title_container p {
	text-align: center !important;
	margin-bottom:30px;
	font-weight:bold;
}
.cpb_title_container h1 {
	margin-top:20px;
    text-align: center !important;
}
.cpb_title_container .subhead {
	margin-top:50px;
	text-align: center !important;
	font-weight:bold;
	font-style:italic;
}
.blog-footer {
	background:#F5F6F5 !important;
}
.blog-footer h2 {
	font-weight:bold;
	}
.single-post .blog-author {
	display: flex;
	grid-column-gap:20px;
	align-items:center;
	
	flex-wrap:wrap;
}
.single-post .blog-author img {
	flex-basis:20%;
	margin: 10px 0 10px 0;
}
.single-post .blog-author .authorname {
	flex-basis:65%;
}
.blog-author img {
	border-radius:50%;
	max-width:100px;
}
.blog_overlay_container {

    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*background-color: rgba(0,0,0,.3);*/
}

#singleblog.cpb_post_title.cpb_featured_bg {
    position: relative;
    padding: 40% 0 0;
    }
#singleblog .cpb_title_container {

	background: rgba(0,0,0,0.5);
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 5%;
    position:absolute;
    bottom:0;
}

#singleblog .blogname {

    background: rgba(0,0,0,0.5);
    width: auto !important;
    max-width: 280px !important;
    padding: 10px;
    position:absolute;
    top: 10%;
	left: 0;
	font-weight: bold;
	z-index: 999;
}
#singleblog .blogname a {
	color:#fff;
}

.single-post .subhead {
	font-style:italic;
	font-weight: normal;
	}

.single-post h1 {

	font-size:54px !important;
	line-height: 1;
	word-wrap: normal;
	font-family: 'FK Grotesk',sans-serif !important;
	text-transform:normal;
	}
	
.single-post h2,.single-news h1 {

	font-size:36px !important;
	line-height: 1.3;
	font-family: 'FK Grotesk',sans-serif !important;
	text-transform:normal;
	margin-top:30px;
	}
	
.single-team h1 {

	font-size:36px !important;
	line-height: 1.3;
	font-family: 'FK Grotesk',sans-serif !important;
	text-transform:normal;
	margin-top:0px;
	}
	
.single-team .entry-content {
	padding-top:0;
	}

.single-post h3 {

    font-weight: bold;
    font-size: 24px;


}
.single-post h4 {

    font-weight: bold;
    font-size: 20px;
    line-height: 26px;

}
.previous_post { float:left;width:auto;}
.next_post { float:right;width:auto;}


ul.tall-bullets {
	max-width:500px;
	margin:0 auto;
	

}
ul.tall-bullets li {
	padding:10px 0;
	font-size:20px;
	font-weight: 600;
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 10px;
    padding: 0;
    padding: 0px;
    border: 0px;
    border-bottom: 1px solid #ddd;
	background-color:#fff;
    text-align: left;
}
.wp-caption p.wp-caption-text {
	font-style:italic;
    margin: 0;
    padding: 15px 0px 15px;
    font-size: 12px;
    line-height: 1.3;

}

/* NEWSROOM */

#newsgrid .dp-dfg-skin-default .dp-dfg-filters .dp-dfg-taxonomy-label {
  font-size: 2em;
  line-height: 1em;
  text-align: left;
  padding-bottom: .5em;
}
#newsgrid .dp-dfg-filters ul {
    text-align: left;
  }
#newsgrid .dp-dfg-filters ul li {  
  margin-bottom: 1em;
  line-height: 1.3;
  border:0 solid #fff !important;
  margin-right: 20px;
}
#newsgrid .dp-dfg-skin-default .dp-dfg-filter a.active,#newsgrid .dp-dfg-skin-default .dp-dfg-filter a {

  color: #001F1B !important;
  background-color: transparent !important;
  padding:.5em 0 .5em 0 !important;
  font-size:16px !important;
  border:0 solid #fff !important;
}

#newsgrid .dp-dfg-skin-default .dp-dfg-filter a.active,#newsgrid .dp-dfg-skin-default .dp-dfg-filter a:hover {
color: #30d060 !important;
}



#news-main-column {
  float: left;
  padding-left: 0;
  width: 79.125%;
  padding-bottom: 23px;
}

#newsgrid .listing {
	padding:35px 35px 25px;
	}
	
#newsgrid .dp-dfg-taxonomy-label {
	padding-top:30px;
}

.profile-block__image img {
	border-radius:50%;
}

.profile-block__name,.profile-block__meta {
	font-size:14px;
	line-height:1.3;
}

.profile-block {
  display: grid;
  clear: both;
  margin-top: 15px;
  margin-bottom: 15px;
  grid-template-columns: 1fr 3fr;
  align-items: center;
  grid-column-gap: 15px;
}


/* NEWS POSTS */

.newspostheader {
background-color: #efefef !important;
width:100%;
padding-top:120px;
}

.newspostheader #breadcrumbs {
	width:100% !important;
	max-width:100%;
}

.newspostheader .ct_post_meta_wrapper {
	padding-bottom:50px;
}

.newspostheader .container {
  margin-bottom: 0;
  padding: 0 !important;
}

.headgrid {
	display:grid;
	grid-template-columns:1.5fr 1fr;
	grid-column-gap:50px;
	align-items:center;
}

#news-main-column .entry-content {
  padding-top: 0;
}

/* RESOURCES */
#resource-head .cpb_column_1_2 {
	position:relative;
}
#resource-head .cpb_text_1  {
	position: absolute;
    top: 50%;
    -ms-transform: translate(0%);
    transform: translate(0%);
    right:0;
}

.resource-image {
	width:100px;
	float:right;
	border:1px solid #36414A;
	line-height: .5;
}

.resource_category-videos .resource-image,.resource_category-webinars .resource-image {
	width:100%;
	float:none;
	}

#resource-grid .dp-dfg-item,#resource-grid-category .dp-dfg-item,#resource-grid-case .dp-dfg-item {
	padding: 1.5em;
}

#resource-grid .dp-dfg-custom-content:hover {
	cursor:default;
	}

.resource-thumbnail a {
	display:block;
}

.resource-thumbnail {
	border:1px solid #36414A;
	margin-bottom:30px;
	line-height: 0;
}


#resource-categories{
    height: auto;
	display:none;
	z-index: 99;
	overflow: auto;
	position: absolute;
	width: 100%;
  max-width: 220px;
  margin: 0;
  padding: 0 10px;
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
  background-color: #37414A;
  background-image: none;
  border: 0px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
	top: 40px;
	left: 0;
}
#resource-categories ul {
    list-style:none;
    text-decoration:none;
    padding-left:10px !important;
}
#resource-categories li a {
	color:#fff !important;
	font-size: inherit;
	line-height: 1em;
	display: block;
	overflow: hidden;
	height: 100%;
	margin: 0;
	padding: .5em 0;
}
#resource-categories li>ul{
    list-style:none;
    text-decoration:none;
    padding-left: 10px;
  cursor:pointer;
}

.single-resource h1, .single-resource h2,.single-resource h3 {
	font-weight:bold;
}

.single-resource .ct_post_meta_wrapper {
	max-width:100%;
	padding-top: 170px;
	padding-bottom:50px;
	background: #001f1b;
}

.single-resource .ct_post_meta_wrapper .inner {
	width:80%;
	margin:auto;
	
}

.single-resource .ct_post_meta_wrapper h1, .single-resource .ct_post_meta_wrapper .preheader {
	color:#fff !important;
}

.single-resource .container {padding-top:0 !important;}
.single-resource #left-area {
  float: left;
  padding-left: 0;
    padding-right: 5.5%;
}
.single-resource #sidebar {
  padding-top: 25px;
}

.single-resource #transcript {
	border-top:1px solid #ccc;
	padding-top:25px;
}

/* VIDEO TEMPLATE */

.single-resource ul {
	list-style-type:disc;
	list-style-position: outside;
margin-left: 20px;
	}

/* TAGS / ARCHIVES */

#sidebar .cpb_widget {

    float: left;
    width: 100%;
    }

.search-filter-items {

    font-size: 10px;
    display: grid;
    grid-gap: 2em;
    grid-column-gap: 2em;
    grid-row-gap: 2em;

    grid-template-columns: repeat(auto-fill,minmax(30%,1fr));
	margin: 2em 0;

}
.search-filter-item {

    display: grid;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    padding: 0;
    position: relative;
    background-color: #fff;
	border: 1px solid #e2e2e2;
    overflow: hidden;  
    box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}

.archive .thumbnail {

    height: 160px;
    overflow: hidden;

}

li.cat-item-5 {
	display:none;
}

.grid-item-1 {
	grid-column: span 2 / 3;
	padding:10px;
	
}
.grid-item-2 {
	grid-column: 3 / 3;
	padding:10px;
}

.grid-item-2 img {
	border:1px solid #36414A;
	width: 75px;
	}

.padding {
	padding:15px;
	}

.searchandfilter ul {
	padding:0;
}

.searchandfilter ul li {

    list-style: none;
    display: block;
    padding: 0;
    margin: 0 10px 0 0;
    float: left;
    min-width:200px;
    

}

/* NEWSROOM */

#search-filter-form-2140,#search-filter-form-3850 {
	float:right;
	}

.post-1262 .thumbnail,.post-3842 .thumbnail {
	height:75px;
	position:relative;
}
.post-1262 .thumbnail img,.post-3842 .thumbnail img {
 	position: absolute;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    max-height:65px;
    width: auto;
    }
#news .dp-dfg-custom-content {
	display:grid;
	grid-template-columns:1fr 5fr;
	grid-column-gap:2em;
	grid-row-gap:2em;
}
#news .dp-dfg-custom-content .thumbnail img {
	max-width:180px;
}
/*.press-kit {
	position: absolute;
    top: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    right:0;
}

.press-kit a {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat left center;
	padding-left:40px;
	display:inline-block;
}*/
.newsroom .cpb_slide_content  {
	display:none;
}
.presskit-items {
display:flex;
column-gap: 3em;
}

.presskit-items div {
	margin-right:3em;
}

.sf-item-55,.sf-item-65,.sf-item-67 {
	display:none !important;
}
.grid-list {
	max-width:100px;
}
.grid-list img {
	height:30px;
	width:30px;
	display:inline;
	margin: 5px 10px 0 0;
}
#search-filter-results-3850 .search-filter-items {
    grid-template-columns: 1fr !important;
}
#search-filter-results-3850 .search-filter-item {
	width:100%;
	grid-template-columns: 1fr 5fr;
}

#search-filter-results-3850 .search-filter-item .padding {
    padding: 0 15px;
}
#search-filter-results-3850 .search-filter-item .thumbnail img {
    max-width: 150px;
}

/* CAREERS */


#careerslider.cpb_slider {
	position: relative;
	
}

#careerslider .cpb_slide {

    padding: 0 !important;
    background:#F5F6F5 !important;
    border-bottom: 35px solid #fff;

}

#careerslider .cpb_slides .cpb_slider_container_inner {
	display:flex;
	flex-direction: row;
	flex-flow: row wrap;
    justify-content: flex-start;

}
#careerslider .cpb_slide_image,#careerslider .cpb_slide_video {
	position: relative;
	margin:0 !important;
	padding:0;
	flex:1;
	align-self: flex-start;
	top:0 !important;
	left:0 !important;
	
}
#careerslider .cpb_slide_image img,#careerslider .cpb_slide_video img {
	max-height: unset !important;
}

#careerslider .cpb_slide_description {
	flex:1;
	align-self: flex-start;
	margin:0 0 0 auto;
	padding:0;
}


#careerslider .cpb_slide_image img,#careerslider .cpb_slide_video img {
	width:100%;
}
#careerslider .c-pb-slider-arrows {

    position: absolute;
    bottom: 0;
    width: 150px;
    background: #fff;
    display: block !important;
    height: 75px;
    z-index: 3;
    background: #6CB560;
    left:60%;
    right:40%;
    margin:auto;

}
#careerslider .c-pb-arrow-next, #careerslider .c-pb-arrow-prev {

    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -24px;
    opacity: 1;
    color: #fff;
    font-size: 48px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}
#careerslider .c-pb-arrow-next {
	right:20px;
}

#careerslider .c-pb-arrow-prev {
	left:20px;
	}


	
#thinkingslider .cpb_slides .cpb_slider_container_inner {
	display: grid !important;
	align-content: center !important;
	grid-template-columns: 1fr;
}
#thinkingslider .cpb_slide_image {
	order: 1 !important;
	align-self: center !important;
	margin: 0 !important;
	width: 100%;
	height: auto !important;
	max-width: unset !important;
	position: absolute;
	top: 0;
}
	

#thinkingslider .cpb_slide_image img {
	max-height: unset !important;
	-moz-animation-duration: 0s;
	-ms-animation-duration: 0s;
	-o-animation-duration: 0s;
	animation-duration: 0s;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}

#thinkingslider .cpb_slide_description {
	order: 2;
	align-self: flex-end;
	margin: 20px 0 0 auto;
	padding: 20px 0 0 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	background:#fff;
}

#thinkingslider .c-pb-slider-arrows {
	opacity:1;
	width:90%;
	margin:auto;
}

#thinkingslider .c-pb-arrow-next,#thinkingslider  .c-pb-arrow-prev {

    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -24px;
    opacity: 1;
    }
    
#thinkingslider .c-pb-arrow-next:before,#thinkingslider .c-pb-arrow-prev:before {
    font-size: 100px !important;

}
#thinkingslider .c-pb-arrow-next {
	right:20px !important;
}
#thinkingslider .c-pb-arrow-prev {
	left:20px !important;
}

	
#departmentgrid .dp-dfg-items {
	position:relative;
	min-height: 300px;
}
#departmentgrid .dp-dfg-item {
	position:unset;
	display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap:4em;
}

#departmentgrid .dp-dfg-filters {
	width:200px;
	background:#6CB560;
	margin-left:20px;
}

#departmentgrid .dp-dfg-dropdown-label::after {
    color: #fff;
    left: 160px;
    }

#departmentgrid  .dp-dfg-dropdown-label {
	background:#6CB560;
}
#departmentgrid .dp-dfg-filters select {
	background:#6CB560;
}
#departmentgrid .entry-summary {
	grid-column-start: 1;
	grid-row-start: 1;

}
#departmentgrid .dp-dfg-image {
	grid-column-start: 2;
	
}
#departmentgrid .dp-dfg-image img {
	max-width:600px !important;
	max-height: 400px !important;
}

#departmentgrid .dp-dfg-skin-default .dp-dfg-content {

    font-size: 1.8em;
    }


/* FOOTER */

.cpb_section_0_tb_footer a:hover {text-decoration:underline;}


.footer-menu-links strong {color:#30D060 !important;}

.footer-menu-links.arrows a {display: inline-flex;position:relative;}

.footer-menu-links.arrows a:after {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	display: flex;
  	width: 18px;
  	height: 12px;
  	background-size: cover;
  	position: absolute;
  	right: -20px;
  	align-self: center;
  	content: "";
	}


#main-footer .widget_text,#main-footer .widget_nav_menu {
	display:block;
	width:100%;
	margin-bottom:15px;
	font-size:16px;
}

.footer-widget:nth-of-type(1) {
    width: 12.083%;
    margin-right: 0 !important;
}

.footer-widget:nth-of-type(2) {
    width: 18.083% !important;
border-right: 1px solid #bbb;
padding-right: 2%;
margin-right: 4%;
}

.footer-widget:nth-of-type(3) {
    width: 17.083% !important;
    margin-right: 0 !important;
}

.footer-widget:nth-of-type(4) .fwidget {
	text-align:right;
}
.footer-widget p {
	line-height:1.4;
	word-wrap: normal;
	font-size:14px;
}
#menu-bloomenergy-footer-menu {
	float:right;
}
#footer-bottom {
	
	font-size:16px;
	}
.footer-widget {
    margin-bottom: 50px !important;
}
#text-2 {
	margin-top:50px;
}
#footer-widgets .footer-widget li::before {
	display:none;}
.footer-social {
	float: right;
	}
	
.footer-social img {
	max-width:40px;
	margin-left:5px;
}

.footer-social img:last-of-type {
	margin-right:0;
	}

.press-social img {
	max-width:56px;
	margin-right:10px;
	margin-top:15px;
}

#footer-info {
	width: 100%;
	padding-bottom:5%;
}

/*.footernav {
	display: flex;
	justify-content: space-between;
	width: 100%;
}*/

.footernav a:first-of-type {
	padding-left: 0;
}

.footernav a {
	padding: 0 15px;
}
.footernav a:hover {
	color:#fff !important;
}

.footercopyright {
	text-align:left;
	width: 100%;
	font-size:12px;
	}
#footer-info a {
    text-decoration: none;
}

#footer-widgets .footer-widget a,#footer-widgets .footer-widget a:hover {
    color: #fff !important;
    text-decoration: none;
}

/* PAGE NAVI */

.tpl-default .nav-previous,.tpl-default .nav-next {
	display:none;
}

.x-pagenavi {

    padding: 10px 20px 10px !important;
    display: block !important;
    clear: both !important;
    float: none !important;
    border-top: 0;
	text-align: center;
}

.cpb_text_align_left .x-pagenavi {
	text-align:center;
}
.x-pagenavi a, .x-pagenavi span.pages, .x-pagenavi span.extend {

    color: #666 !important;
	background:#FFFFFF !important;
	border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-right: solid 1px #e2e2e2 !important;
	border-top: solid 1px #e2e2e2 !important;
	border-bottom: solid 1px #e2e2e2 !important;
    padding: 12px !important;
    margin: 0px !important;
    text-decoration: none !important;
    font-size: 12px !important;

}
.x-pagenavi span.pages {
	border-left: solid 1px #e2e2e2 !important;
}

.x-pagenavi span.current {
	border-top: solid 1px #e2e2e2 !important;
	border-bottom: solid 1px #e2e2e2 !important;
	border-right: solid 1px #e2e2e2 !important;
    padding: 12px !important;
	color:#82c0c7 !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
    background: #f9f9f9 !important;
    font-size: 12px !important;

}

.partner-blurb:hover {
  box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
}

.partner-blurb .cpb_image_wrap img,.partner-blurb .cpb_main_blurb_image {
	width:100%;
}

.partner-blurb .cpb_blurb_container {
	padding:0 20px 20px;
}
.partner-blurb:hover .cpb_blurb_container {
	color:#1E8900 !important;
	}


/* TIMELINE */
.cd-date {
	display:none !important;
}

.cd-timeline-content-liner h2 {
	font-size:18px !important;
	font-weight:bold;
	line-height: 1;
	padding-bottom:5px;
}
.cd-timeline-content::before {
	display:none;
}

.cpb_column_4_4 .cd-timeline-block {
    margin: 0 !important;
}

.cpb_column_4_4 .cd-timeline-content {

    margin-left: 0;
    padding: 0 !important;
    width: 50% !important;
    background:transparent;

}
.cpb_vertical_timeline_0 .cd-timeline-content {

    border-top: 1px solid #1E8900;
    box-shadow:none !important;

}
.cpb_vertical_timeline_0 .cd-timeline-content img 
	{
	max-width: 200px;
	width: auto;
	}
.cpb_column_4_4 #cd-timeline::before {

    left: 50% !important;
    margin-left: -2px;

}
.cpb_column_4_4 .cd-timeline-img {

    width: 30px !important;
    height: 30px !important;
    left: 50.1% !important;
    margin-left: -15px !important;
    background: #1E8900;
	box-shadow: 0 0 0 1px #1E8900;
	margin-top: -15px;
	z-index: 2;

}
.cpb_column_4_4 .cd-timeline-img .c-pb-icon {

    box-shadow: 0 0 0 5px #FFF !important;
    padding: 8px !important;
    min-width: 8px !important;
    min-height: 10px !important;
    margin: 7px;

	}
	.cd-timeline-content-liner  {
	 margin-top: -10px;
    background:  #fff;
	}
.cpb_vertical_timeline_item_1 .cd-timeline-content-liner,
.cpb_vertical_timeline_item_3 .cd-timeline-content-liner,
.cpb_vertical_timeline_item_5 .cd-timeline-content-liner,
.cpb_vertical_timeline_item_7 .cd-timeline-content-liner,
.cpb_vertical_timeline_item_9 .cd-timeline-content-liner,
.cpb_vertical_timeline_item_11 .cd-timeline-content-liner
{
	margin-left: 50px;
	margin-right:0;
	padding-left: 15px;
}

.cpb_vertical_timeline_item_0 .cd-timeline-content-liner,
.cpb_vertical_timeline_item_2 .cd-timeline-content-liner,
.cpb_vertical_timeline_item_4 .cd-timeline-content-liner,
.cpb_vertical_timeline_item_6 .cd-timeline-content-liner,
.cpb_vertical_timeline_item_8 .cd-timeline-content-liner,
.cpb_vertical_timeline_item_10 .cd-timeline-content-liner,
.cpb_vertical_timeline_item_12 .cd-timeline-content-liner
{
	margin-right: 50px;
	margin-left:0;
	padding-right: 15px;
}



/*.cd-timeline-block {
    max-width: 90%;
	}
	.cpb_vertical_timeline_0 .cd-timeline-content {
    width: 100%;

	}
	.cpb_column_4_4 .cd-timeline-img {
	
    left: 20px;
    }
    .cpb_column_4_4 .cd-timeline-content {
	width: 100% !important;
    
    }
    .cd-timeline-content-liner h2 {
    text-align:left !important;
    }
    .cd-timeline-content-liner
	{
	margin-left: 50px !important;
	margin-right:0 !important;
	padding-left: 15px !important;
	} */
.embedded-map {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.bymonth {

    display: grid;
    grid-template-columns: 60% 30%;
    grid-column-gap: 3em;
    grid-row-gap: 3em;

}

.callouts {

    display: grid;
    grid-template-columns: 40% 40%;
    grid-column-gap: 3em;
    grid-row-gap: 3em;

}
.callouts img {
	height:auto !important;
	width:auto !important;
}

.widget_categories {
	position:relative;
}
#featuredblog .entry-featured-image-url {
    margin-bottom: 0px;
}
#featuredblog h3 {
    margin: 10px 0 0px;
}

li.cat-item-67 {
	display:none;
}

.twitter-tweet {
	margin:10px auto !important;
	}
	
.side-by-side {

    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3em;

}

.arrow-right:after {
	content: "\3d";
	font-size:40px;
	display:inline-block;
	font-family:EtModules;
	position:absolute;
	right:-20%;
	top:25%;
	color:#1E8900;
}
.link-arrow {
	display:inline-block;
	position:relative;
	margin-right:40px;
}
.link-arrow::after {
  content: "\24";
  font-size: 20px;
  display: inline-block;
  font-family: EtModules;
  position: absolute;
  right: -20px;
  top: 0;
  color: #1E8900;
}


/* TABS */


#tabs {

   width: 100%;
    height:55px; 
   padding: 0;
}
#tabs .cpb_row {
	padding-top:0;
}

a {cursor:pointer;}

.tabsrow,.tabsrow .cpb_row {
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}

#tabs li {
    float:left; 
    list-style:none; 
    
    margin-right:0px; 
    
      outline:none;
      
}

#tabs li a {

    padding:15px 30px;
    color: #000;
	font-size:20px;
    display:block; 
    background: #f5f6f5;
	margin-right:5px;
    text-decoration:none;
    outline:none;
    letter-spacing:-1px;
  
}

#tabs li a.inactive{
    padding:15px 15px;
    color:#85C280 !important;
   outline:none;


}

#tabs li a:hover, #tabs li a.inactive:hover {


    color: #5685bc;
      outline:none;
}

#et-main-area .tabcontainer {

    clear:both;           
    width:100%; 
    
    text-align:left;
    padding:30px 0 !important;
    margin-bottom:50px;

}

#et-main-area .tabcontainer .cpb_row {
	
background:#f5f5f5 !important;
}


/* VERTICAL TABS */


#verttabs {
	width: 100%;
	padding: 0;
}
#verttabs .cpb_row {
	padding-top:0;
}



#verticaltabs .tabcontainer {
	padding:0 !important;
	margin:0 !important;
}

#verttabs li {
    
    list-style:none; 
    
    margin-right:0px; 
    
      outline:none;
      
}

#verttabs li a {

    padding:15px 15px;
    color: #000;
	font-size:20px;
    display:block; 
    background: #edffea;
	margin-bottom:5px;
    text-decoration:none;
    outline:none;
    letter-spacing:-1px;
  
}

#verttabs li a.inactive{
    padding:15px 15px;
    background:#f6f6f6 !important;
   outline:none;


}

#verttabs li a:hover, #verttabs li a.inactive:hover {
	color: #edffea;
	outline:none;
}

#verticaltabs .tabcontentcolumn {          
    
	padding: 50px;
    margin-bottom:50px;

}

#verticaltabs .cpb_column_single.tabscolumn {
  padding: 0 !important;
 
}

#verticaltabs  .tabcontainer .cpb_row {
	
}

/* PLATFORM */

.platform th { background: #4da72e  ; color:#fff !important;text-align:center;}
table.platform.left {border:1px solid #000;}
.platform.left td {text-align:left !important;border:1px solid #000 !important;font-size:16px;}
.platform.left th {text-align:left !important;}

.green-label .cpb_text_inner {
  position: absolute;
  background: #00AB44;
  top: 70%;
  padding: 20px 20px 0 15px;
}

.greenbg::before {
  content: "";
  background: #00AB44;
  display: block;
  position: absolute;
  left: -100%;
  height: 100%;
  width: 100%;
  padding: 0;
  top: 0;
}

p.bleed {padding-bottom: 10px !important;
  line-height: 1.3;}

.bleed::before {
  content: "";
  background: #bcffb1;
  display: block;
  position: absolute;
  left: -100%;
  height: 100%;
  width: 100%;
  padding: 6px 0;
  top: -12px;
}

.leaf {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  padding:0 !important;
  margin-top:20px;
}

.leaf li {
	background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat;
  list-style-type: none;
  margin: 0 20px 20px 0px;
  padding: 0px 0px 1px 34px;
  line-height: 1.4;
}

#linked-boxes .cpb_column { overflow: visible;}

.greenflag h4 {
	display:block;
	position:relative;
  }
.greenflag h4 span {z-index: 2;
  position: relative;
  color: #fff;
  }
.greenflag h4:before {
	content:"";
	background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat;
	height:50px;
	width:100%;
	position:absolute;
	top: -5px;
	left: -34px;
  }
.greenflag  .cpb_blurb_description {margin-top:15px;line-height: 1.5;}

.power-accordion .cpb_accordion_item {margin-bottom:0 !important}

.power-accordion .cpb_toggle_title::before {
  color: #000 !important;
}

.power-accordion .cpb_toggle_close,.power-accordion .cpb_toggle_open {
  padding: 20px 0;
}

.power-accordion .cpb_toggle_open .cpb_toggle_title:before {font-size: 29px;
  right: -7px;
  color: #000000;
  font-family: ETmodules !important;
  font-weight: 400 !important;
  content: "\22" !important;
  display:block;
  }
  

.tabslider {margin-top:30px;}

.tabslider .cpb_slide {min-height: 30vw;background-position: 40% center;}


#verticaltabs .cpb_slider_container_inner {position:relative;}

#verticaltabs .cpb_slide_description {
  width: 100%;
  position: relative;
  bottom: 0;
  height: 30vw;
}
#verticaltabs .cpb_slide_content {
	position: absolute;
	bottom: -50px;
	right: 0;
	left:0;
}

#verticaltabs .cpb_slider {overflow:visible;}

#verticaltabs .c-pb-controllers {
  bottom: -70px;
  }

/* EVENTS  */

#upcoming .dp-dfg-item,#upcoming-new .dp-dfg-item,#past .dp-dfg-item {
	padding:15px;
	background: #f8f8f8 !important;
}

#upcoming .events,#upcoming-new .events {
    font-size: 16px;
    padding: 0 0 20px;
}

#upcoming .event-description,#upcoming-new .event-description {
	font-size: 16px;
    padding: 0 0 50px;
}
#upcoming article, #upcoming-new article, #past article {position:relative;}

#upcoming .dp-dfg-custom-content, #upcoming-new .dp-dfg-custom-content, #past .dp-dfg-custom-content {position:unset;}

#upcoming .blurbage, #upcoming-new .blurbage {
    display: grid;
  grid-auto-rows: auto;
  align-content: first baseline;
  grid-row-gap: 10px;
}

#upcoming .button,#upcoming-new .button,#past .button {position:absolute;bottom:20px}

#past .blurbage {
    display: grid;
  grid-auto-rows: auto;
  align-content: first baseline;
  grid-row-gap: 20px;
}

#past .title {padding-bottom:50px}
#upcoming-new .blurbage h4,#past .blurbage h4 {
	font-size: 20px !important;
	}
.ct_post_video {
	margin-bottom:20px;
}
#upcoming-new .title {
	
}

.webinar-bio.cpb_blurb_position_left .cpb_main_blurb_image {
width:unset;}

.webinar-bio.cpb_blurb_position_left .cpb_blurb_content {
  display: flex;
  justify-content: flex-start;
}
/* PARTNER GRID */

#partnergrid figure {
    height: 150px;
    padding: 15px !important;
    display: grid;
    align-content: center;
}

/* VERTICALS */

#challenges {
	display: flex;
  align-content: space-between;
  flex-direction:column;
min-height: 750px;
margin-bottom:30px;
}
#challenges .cpb_text:first-of-type {
	height:300px;
}
#challenges .cpb_image {
  align-self: center;
  height:60px;
}
#challenges .cpb_text:last-of-type {
	height:auto;
}

#challenges p {
	padding-bottom:0;
}


/* INDUSTRIES */

#industry-logos .cpb_main_blurb_image {
	display:grid;
	justify-content:center;
	align-content:center;
	height: 100px;
	margin-bottom: 10px;
}
#industry-logos .cpb_main_blurb_image .cpb_image_wrap {
	height: 80px;
	width: 80px;
	max-width: 100%;
}
#industry-logos .cpb_main_blurb_image img {
	height:100%;
	width:auto !important;
	
}

#industry-logos .cpb_blurb h3 {
    font-size: 20px !important;
}


.type-partner:hover {
	cursor: default !important;
}


/* ELECTROLYZER */

.post-7497 h1, .post-7497 h2,.post-10784 h1, .post-10784 h2 {
	font-size:40px !Important;
}

.post-7497 .cpb_bg_layout_dark a,.post-10784 .cpb_bg_layout_dark a {
	color:#fff !important;
	text-decoration:underline;
	}

.benefits-row .cpb_main_blurb_image {
  max-height: 170px !important;
  display: grid;
align-content: center;
}
.benefits-row img {
  max-height: 150px;
  width: auto;
}
table.electrolyzer {
	border:0px solid #eee !important;
	}

table.electrolyzer th {
border-top:0 solid #eee !important;
	border-bottom:4px solid #00AB44 !important;
	color:#fff !important;
}

table.electrolyzer td.boxed {
	border-left:1px solid #00AB44 !important;
	border-right:1px solid #00AB44 !important;
	}
table.electrolyzer th.boxed.first {
	border-top:1px solid #00AB44 !important;
	border-left:1px solid #00AB44 !important;
	border-right:1px solid #00AB44 !important;
	}
table.electrolyzer td.boxed.last {
	border-bottom:1px solid #00AB44 !important;
	
	}

#electrolyzer .cpb_toggle_title {
  display: block;
  background: green;
  color: #fff !important;
  padding: 15px;
  max-width: 250px;
  margin: auto;
  border-radius: 4px;
}

#electrolyzer .cpb_toggle_title:before {
	display:none !important;
	}


/* NEW LANDING PAGE */
.pid-8789 h1 {
	font-family: 'FK Grotesk', Helvetica, Arial, Sans-Serif !important;
	text-transform:none !important;
	font-weight:700 !important;
	font-size:90px !important;
	line-height: .9;
	}
.pid-8789 h2 {
	font-family: 'FK Grotesk', Helvetica, Arial, Sans-Serif !important;
	text-transform:none !important;
	font-weight:500 !important;
	font-size:50px !important;
	margin-bottom: 20px;
	line-height: 1.2;
	}
	
.pid-8789 h3 {
	font-family: 'FK Grotesk', Helvetica, Arial, Sans-Serif !important;
	text-transform:none !important;
	font-size:30px !important;
	white-space:normal;
	}
.pid-8789 p {	
	font-family: 'FK Grotesk', Helvetica, Arial, Sans-Serif !important;
	}
	
.pid-8789 .cpb_number_counter {
	margin-left:0;
	font-weight:700;
}

.stats p {
	padding-bottom:0 !important;
}
.post-8789 .billion .percent-value {
	color:#fff !important;
}
.billion .percent-value {
	color:#3e3e3e !important;
}

.billion .percent-value:before {
	content:"$";
	display:inline-block;
	font-size:72px !important;
}
.billion .percent-sign:after {
	content: "B";
display: inline-block;
font-size: 72px !important;

}
#hero-video {
    margin-bottom: -400px;
    margin-top: 400px;
}

.pid-8789 .intro {
	padding-bottom:30px;
	line-height:1.2;
	font-family: 'FK Grotesk', Helvetica, Arial, Sans-Serif !important;
	}

	
.wpy-carousel .owl-stage-outer {

    margin: auto;
}

.wpy-carousel .owl-dot.active {
    background-color: green !important;
    opacity:1  !important;
    }

.wpy-carousel .owl-item.center {
	border:4px solid #00AB44;
	border-radius:10px;
	box-shadow:5px 5px 5px #eee;
	padding-top:0 !important;
	padding-left: 10px;
	padding-right: 10px;
}
.wpy-carousel .owl-item.center img {
    width: 200px !important;
    }
.wpy-carousel .post-excerpt {
	display:none;
	font-family: 'FK Grotesk';
}
.wpy-carousel .owl-item.center .post-excerpt {
	display:block;
	
}
.wpy-carousel .owl-item {
    display: grid;
    min-height:360px !important;
    padding-left: 30px;
padding-right: 30px;
padding-top: 50px;
justify-content:center;
}

.wpy-carousel .owl-item img {
    width: 120px !important;
    margin: auto;
}
.wpy-carousel .owl-stage-outer {
    max-height: 370px;
}

.wpy-carousel .owl-nav {
    width: 200px;
    margin: 40px auto -26px;
    position: relative;
}
.divioverlay .overlay-close {
    
    font-size: 30px !important;
    line-height: 30px !important;
    text-decoration: none;
}
.divioverlay-exists-opened #top-header {
	z-index:1;
}

.pid-10784 .divioverlay .cpb_section {
    background-color: white !important;
}


/* NEW FONT OVERRIDES */

#et-top-navigation li a, #et-secondary-menu > ul > li a {
	font-family: 'FK Grotesk', Helvetica, Arial, sans-serif;
}


/* NEW HOME PAGE */



#hero-slider .cpb_slide_description {
    padding: 16% 8% 0 !important;
    }


.take-charge {
	margin:50px auto;
	display:block;
	font-size:25px;
}
.take-charge:after {
	content:"";
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	width:20px;
	height:100px;
	display:block;
	margin:50px auto 0;
	}
	
.dp_oc_item {
    display: block;
    width: 100%;
    height: auto;
	}
	
#newsticker .owl-carousel {
	display:grid;
	grid-template-columns: 6fr 1fr;
	}
#newsticker .leftslide {
	display:grid;
	align-content:center;
}

.bloomnews {
	padding:15px 0 !important;
	font-size:24px !important;
	font-weight:500 !important;
	color:#ffffff !important;
	text-align:center;
}

#newsticker a {
	text-decoration:none;
	padding:15px !important;
	font-size:16px !important;
	font-weight:500 !important;
	color:#3e3e3e !important;
}

#newsticker .date {
	font-size: 16px;
padding: 0 10px;
border-left: 2px solid #ccc;
display: grid;
align-content: center;
margin: 15px 0;

	}


#newsticker  .dp_oc_item {
    display: grid;
	width: 90%;
	height: auto;
	grid-template-columns: 4fr 1fr;
	align-content: center;
}




#newsticker .owl-nav {
    margin-top: 0;
    position: relative;
}

#newsticker .owl-nav.arrow_size_small .owl-prev {
    left: 20px;
}

#newsticker .owl-carousel .owl-nav .owl-prev::before {
margin-left: 0;
}

#newsticker .owl-nav.arrow_size_small .owl-next {
    right: 10px;
}

#newsticker .owl-carousel .owl-nav .owl-next::before {
margin-right: 0;
}

.cpb_blurb_description p {
word-wrap: normal;
}



#delivering .cpb_blurb_description {
	display:none;
	position: absolute;
top: 0;
padding: 0 15px;
color: #fff;
background: #1E8900;
height: 230px;
align-content: center;
}

#delivering .cpb_blurb_description p {
font-size: 18px !important;
line-height:1.2;
padding-bottom:0 !important;
}

#delivering .cpb_blurb_description h3 {
color:#fff !important;
font-weight:700;
}

#delivering .cpb_blurb {
	position:relative;
	height: 230px;
	width: 250px;
	border-radius: 20px 20px 20px 20px;
	overflow: hidden;
	padding-top: 20px !important;
	padding-right: 40px !important;
	padding-bottom: 20px !important;
	padding-left: 40px !important;
	}

#delivering .cpb_blurb:hover {
	padding: 0 !important;
}

#delivering .cpb_blurb:hover img,#delivering .cpb_blurb:hover .cpb_module_header {
	display: none;
}

#delivering .cpb_blurb:hover .cpb_blurb_description {
	display: grid;
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}


#hozgrid .cpb_button {
    padding: 0 !important;
    font-weight: 500 !important;
    white-space: nowrap;
    color: #00AB44;
    background: transparent !important;
    margin-left:0 !important;
    border:0 !important
}

#static-blurbs .cpb_blurb {
	margin-bottom:5%;
	min-height:200px;
	
}

#static-blurbs .cpb_blurb:first-of-type {
    margin-top: 50px !important;
}

#static-blurbs .cpb_main_blurb_image {
    height: 200px;
    width: 250px !important;
    display: grid;
    margin-bottom: 0;
    overflow: hidden;
}
#static-blurbs .cpb_main_blurb_image img {
	height: 100%;
	width: auto;
	object-fit: cover;
}

#static-blurbs .cpb_main_blurb_image .cpb_image_wrap {
    height: 100%;
}

#static-blurbs .cpb_blurb_content {
	margin:0;
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-content: center;
	min-height: 200px;
	}
#static-blurbs .cpb_blurb_container {
	padding:15px 15px 15px 25px;
	display: grid;
	align-content: center;
	}
#static-blurbs .cpb_blurb p,#static-blurbs .cpb_blurb_description {
    font-size: 16px !important;
    line-height: 1.2;
}

#static-blurbs .cpb_blurb p a,#static-blurbs .cpb_blurb_description a {
    padding-bottom:0;
    color:#1E8900;
    padding-top:20px;
    text-decoration: none;
    display:block;
    font-size:20px;
}

#static-blurbs .cpb_blurb p a:after,#static-blurbs .cpb_blurb_description a:after {
	content: "\24";
font-size: 20px;
display: inline-block;
font-family: EtModules;
position: relative;
right: -5px;
top: 5px;
color: #1E8900;
}


#static-blurbs .cpb_blurb_content {
    max-width: 100% !important;
    }
#blog-grid .dp-dfg-item {
	box-shadow:unset;
}
#blog-grid .dp-dfg-item:hover {
    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
}   

#blog-grid .dp-dfg-item:hover a {
	color:#1E8900;
	}

#blog-grid .dp-dfg-header {
	padding:15px !important;
}

#homehydrogen {
padding-top: 150px !important;
padding-right: 50px !important;
padding-bottom: 400px !important;
padding-left: 50px !important;
margin-top: -100px !important;
margin-left: -150px !important;
}
    
    
/* NEW TECHNOLOGY PAGE */
.sticky-nav-super {
	display:grid;
	grid-template-columns: auto 150px;
	grid-column-gap:0em;
	}
	
.getstarted {
	display:grid;
	min-width: 150px;
	font-size:18px !important;
	background: #3CAD2B;
	align-content:center;
	justify-content:center;
	box-shadow: -25px 0 15px -5px #eee;;
	overflow-y:hidden;
}
.getstarted a {
	color:#fff !important;
	border-bottom: 0 solid !important;
}
#stickynav .cpb_row { 
	padding:0;
	}
#stickynav a { 
	text-decoration:none;display: grid;
	height: 60px;
	align-content: center;
	justify-content: center;
	border-bottom: 3px solid #eee;
	white-space: nowrap;
	}
#stickynav .active {
  	border-bottom: 3px solid #3CAD2B;
}

.sticky-nav {
	display:grid;
	grid-template-columns: repeat(6,110px);
	grid-column-gap:3em;
	overflow: hidden;
	}
.sticky-nav a {
	display:block;
	color:#2D3529 !important;
	font-size:18px !important;
	}

/* SCROLLING ANIMATIONS */

.reveal{
  position: relative;
  transform: translateY(250px);
  opacity: 0;
  transition: 2s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
  
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}

@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.introtext {
  max-width: 60%;
  margin: auto;
}

.animations {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

.animations .animation right img {
	height:100% !important;
	width:100% !important;

}

.cpb_row_6.sticky-animations {
	z-index:1 !important;
}

.cpb_row_6.sticky-animations .cpb_column .cpb_text {
	margin-top:50px !important;
}

.tech-icon img {
	width:130px;
	height:130px;
}


/* SCALE UP */

.scale-up .cpb_column {
	display: grid;
	grid-template-columns: repeat(3,31.3%);
	grid-column-gap: 2.2%;
}


.scale-up .size {
  background: #fff;
width: 100px;
margin: 20px auto;
padding: 8px 5px 3px;
text-align: center;
border-radius: 5px;
font-weight: bold;
}

body.pid-9565:after {
  content: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp");
  position: absolute; 
  top:-99999px;
  left:-99999px;
}

.walmart-sprite {
	
	overflow:hidden;
	animation-duration: 3s;
    animation-name: slideback;
    z-index: 2;
}

.walmart-sprite:hover {
	opacity:.7;
}

.walmart-sprite:before {
	content:"+";
	display:grid;
	color:#3E3E3E;
	width:30px;
	height:30px;
	background: #DADADA;
	align-content: center;
justify-content: center;
}

.walmart-sprite.slide:before {
	content:"x";
}

.walmart-sprite.slide {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat;
	background-position: top left !important;
	width:208% !important;
	animation-duration: 3s;
    animation-name: slidein;
    z-index:3;
    background-size:cover;
    opacity:1;
	}

	@keyframes slidein {
  		from {transform: transition(0,0)}
    to {transform: transition(66%,0)}
	}
	

	@keyframes slideback {
  		from {transform: transition(66%,0)}
    to {transform: transition(0,0)}
	}


.staples-sprite {
	background-position: top right;
	animation-duration: 3s;
    animation-name: middle-slideback;
    z-index:2;
}

.staples-sprite:hover {
	opacity:.7;
}

.staples-sprite:before {
	content:"+";
	display:grid;
	color:#3E3E3E;
	width:30px;
	height:30px;
	background: #DADADA;
	align-content: center;
	justify-content: center;
	background-size:cover;
}

.staples-sprite.slide:before {
	content:"x";
}


.staples-sprite.slide {
background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat;
	background-position: top left !important;
	width: 65% !important;
	animation-duration: 3s;
    animation-name: middle-slidein;
    z-index:3;
    position: absolute;
    background-size: cover;
    opacity:1;
}

	@keyframes middle-slidein {
  		from {transform: transition(33%,0)}
    to {transform: transition(0%,0)}
	}
	

	@keyframes middle-slideback {
  		from {transform: transition(0%,0)}
    to {transform: transition(33%,0)}
	}
	

.homedepot-sprite {
	background-position: top right;
	animation-duration: 3s;
    animation-name: right-slideback;
    position: absolute;
    right:0;
    width: 33% !important;
}

.homedepot-sprite:hover {
	opacity:.7;
}

.homedepot-sprite:before {
	content:"+";
	display:grid;
	color:#3E3E3E;
	width:30px;
	height:30px;
	background: #DADADA;
	align-content: center;
	justify-content: center;
}

.homedepot-sprite.slide:before {
	content:"x";
}


.homedepot-sprite.slide {
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat;
	background-position: top left !important;
	width: 67% !important;
	animation-duration: 3s;
    animation-name: right-slidein;
    z-index:3;
    position: absolute;
    right:0;
    background-size:cover;
    opacity:1;
}

	@keyframes right-slidein {
  		from {transform: transition(66%,0)}
    to {transform: transition(30%,0)}
	}
	

	@keyframes right-slideback {
  		from {transform: transition(30%,0)}
    to {transform: transition(66%,0)}
	}




#new-technology-customer-grid a {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color:#000 !important;
}

#industries .industry-grid .cpb_column {
	border: 4px solid #FFFFFF;
box-sizing: border-box;
border-radius: 20px;
display: grid;
align-content: center;
height: 130px;
}
#industries .industry-grid .cpb_column:hover {
	background:#fff;
}

#industries .industry-grid .cpb_column:hover h3 {
	color:#000 !important;
	}
#industries .industry-grid .cpb_column h3 {
	color:#fff;
	padding-bottom:0;
	}


/* BENEFITS PAGE */

h3.blue {
font-weight: bold !important;
font-size: 36px !important;
text-align: center;
color: #3082EE;
line-height: 1.3;
}
.features img {
	min-width:250px;
}

.features h3 {
	font-size: 30px !important;
}

.features .cpb_with_border {
	width:90%;
	border-bottom:3px solid rgba(77, 77, 77, .25) !important;
}

.features .cpb_image_wrap {
  padding: 50px;
}



.features .curve.rightside {
	border-radius:0% 40% 40% 0% / 0% 50% 50% 0%  !important;
	margin-bottom: 0;
}

.features .curve.leftside {
	border-radius: 40% 0% 0% 40% / 50% 50% 50% 50%  !important;
	margin-bottom: 0;
}

.features h4 {
	padding-bottom:0;
}

.numberbox {
  display: grid !important;
  align-content: center;
  min-height:200px;
}

.numberbox .cpb_text:first-of-type {
  display: grid;
  align-content: flex-end;
}

.numberbox .cpb_text:first-of-type .cpb_text_inner {
	display: grid !important;
  	align-content: flex-bottom;
}


.numberbox p {
	padding-bottom:0 !important;
}


.sticky-animations .cpb_slider {
	position:relative;
}


.sticky-animations .cpb_slide {
  padding: 0;
}


.sticky-animations .c-pb-controllers {
  position: absolute;
  bottom: 00px;
  left: 75px;
  width: 280px;
  text-align: left;
  z-index: 10;
  height:auto;
}

.sticky-animations .c-pb-slider-arrows {
  position: absolute;
  bottom: 20px;
  width: 295px;
  left: 15px;
}

.sticky-animations .cpb_slider:hover .c-pb-arrow-next {
  right: 10px !important;
}

.sticky-animations .c-pb-slider-arrows a {
	opacity:1;
}

.sticky-animations .c-pb-controllers a {
  display: inline-block;
  background-color: #ccc !important;
  text-indent: -9999px;
  border-radius: 7px;
  width: 14px;
  height: 14px;
  margin-right: 40px;
  padding: 0;
  opacity: 1;
  z-index: 10 !important;
position: relative;
}

.sticky-animations .c-pb-controllers a.c-pb-active-control:nth-of-type(2):before {
	content:"";
	background:green;
	height:4px;
	width:42px;
	position: absolute;
	left: -42px;
	top: 5px;
	z-index: 1;
opacity: .5;
}

.sticky-animations .c-pb-controllers a.c-pb-active-control:nth-of-type(3):before {
	content:"";
	background:green;
	height:4px;
	width:95px;
	position: absolute;
	left: -95px;
	top: 5px;
	z-index: 1;
opacity: .5;
}

.sticky-animations .c-pb-controllers a.c-pb-active-control:nth-of-type(4):before {
	content:"";
	background:green;
	height:4px;
	width:150px;
	position: absolute;
	left: -150px;
	top: 5px;
	z-index: 1;
opacity: .5;
}



/*.sticky-animations .c-pb-arrow-prev,.cpb_slider:hover .c-pb-arrow-prev {
  left: -62px;
}

.sticky-animations .c-pb-arrow-next,.cpb_slider:hover .c-pb-arrow-next  {
  right: -62px;
}*/

.cpb_slide_description .animations {
  grid-column-gap: 2em;
  margin-top:20px;
}

.cpb_slide_description .animation-left {
	text-align:left;
}

.introtext-2 {
	max-width:80%;
	margin:auto;
}

.sticky-animations a.c-pb-active-control {
	background-color: green !important;
z-index: 5 !important;
position: relative;
}

.sticky-animations .cpb_slide_description {
	padding:0 !important;
}

.cpb_slider:hover .c-pb-arrow-prev {
  left: 0;
  }

.c-pb-arrow-prev,.c-pb-arrow-next {
text-decoration:none;
}


#platform .cpb_image_wrap, #platform .cpb_image_wrap img {
  width:100% !important;
}


/* NEW ABOUT PAGE */

.krblurb h4 {
	font-size:20px !important;
}

.krblurb p {
  font-size: 16px !important;
  line-height: 1.3;
  padding: 0 15px;
  padding-bottom: 0px;
}

#timeline-text-two,#timeline-text-three {
	display:none;
	}
#timeline-image {
  height: 200px;
  width: 200px;
  display: grid;
  align-content: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
}

#timeline-image p {
  padding-bottom: 0 !important;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
}

#timeline-image.active {
	background:#3081ed;
	color:#fff !important;
	border:0 !important;
}

.timeline {
  border-left: 4px solid #C4C4C4;
  padding-left: 40px;
  position:relative;
}
.timeline .item {
	margin-bottom:50px;
	position:relative;
}
.timeline .item:before {
	content: "";
width: 30px;
height: 4px;
background: #C4C4C4;
display: inline-block;
position: absolute;
left: -43px;
top: 10px;
	}
.timeline .item.first {
	top:-12px;
}
.timeline .item strong {
	font-size:24px;
	font-weight:700;
	}

.html-button .video_thumbnail {
	position:relative;
	
}
.html-button .video_thumbnail img {
	display:none;
}

/*.html-button .video_thumbnail:before {
	content: "\45";
font-size: 30px;
display: inline-block;
font-family: EtModules;
position: absolute;
left: -175px;
top: 20px;
color: #fff;
width: 30px;
height: 30px;
z-index: 3;

}*/
.html-button .video_thumbnail:after {
	content: "\25BA What Powers You?";
background: #3BAD2B;
height: 30px;
width: 250px;
display: block;
color: #fff;
padding: 10px 10px 5px;
font-weight: bold;
border-radius: 30px 0 30px;
font-size:20px;
line-height: 1.5;
}


.animated-slider .cpb_slide_description {
	max-width:600px;
	margin:auto;
}
.animated-slider .cpb_slide_description p {
font-size: 40px !important;
text-align: left !important;
line-height: 1.2;
	}
.animated-slider .cpb_slide {
	background:none;
}

.animated-slider .cpb_slide:before {
  content: ' ';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  
  background-size: cover;
  background-position: center center;
}

.animated-slider .cpb_slide_0:before {
background-image: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp");
}

.animated-slider .cpb_slide_1:before {
background-image: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp");
}

.animated-slider .cpb_slide_2:before {
background-image: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp");
}

.animated-slider  .c-pb-active-slide .cpb_slide_description {
  -webkit-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;}


.animated-slider .cpb_slide.go:before {
  webkit-transform: scale(2.06);
  -moz-transform: scale(2.06);
  -o-transform: scale(2.06);
  -ms-transform: scale(2.06);
  transform: scale(2.06);
  -webkit-transition: transform 2000ms ease-in-out 0ms;
  -moz-transition: transform 2000ms ease-in-out 0ms;
  -o-transition: transform 2000ms ease-in-out 0ms;
  -ms-transition: transform 2000ms ease-in-out 0ms;
  transition: transform 2000ms ease-in-out 0ms;
  overflow: hidden;
}


#zooming {
	height:800px;
	}
.step-one-vertical .cpb_text_inner,.step-two-vertical .cpb_text_inner,.step-three-vertical .cpb_text_inner {
min-height: 300px;
}
.step-one-vertical .cpb_text_inner:before {
	content: "";
background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat;
position: absolute;
left: -20vw;
display: block;
height: 256px;
width: 17px;
top: 0;
	}
	
.step-two-vertical .cpb_text_inner:before {
	content: "";
background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat;
position: absolute;
left: -20vw;
display: block;
height: 256px;
width: 17px;
top: 0;
	}
	
.step-three-vertical .cpb_text_inner:before {
	content: "";
background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat;
position: absolute;
left: -20vw;
display: block;
height: 256px;
top: 0;
width: 17px;
	}
	
	
/* SERIES 10 */


.pre-giant {
	font-size: 50px !important; 
	line-height: 1.3; 
	letter-spacing: -1px !important; 
	overflow-wrap: normal; 
	text-align: left;
	font-weight:900 !important;
	white-space:nowrap;}

.giant {
	font-size: 5.5rem !important; 
	line-height: .75; 
	overflow-wrap: normal;  
	text-align: left;
	padding-bottom: 0 !important;
	font-weight:300 !important;
	color:#00AB44;

}
.duration {
	font-size: 40px !important; 
	line-height: 1; 
	letter-spacing: -1px !important; 
	overflow-wrap: normal; 
	padding-bottom: 10px !important;
}

.doubled {
	font-size: 80px !important; 
	line-height:1; 
	letter-spacing: -1px !important; 
	overflow-wrap: normal; 
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom: 0 !important;
}
.series-blurb {
	overflow:visible !important;
}
.series-blurb .cpb_blurb_content {
	overflow:visible;
	position:relative;
	min-height:200px;
	display:grid;
	grid-template-rows: 150px 150px;
}

.series-blurb .cpb_main_blurb_image {
	position:relative;
	top: -80px;
	margin-bottom: 0;
	width:250px;
}

.series-blurb .cpb_blurb_container {
	position:relative;

}
.series-blurb .cpb_blurb_container h4 {
	font-size:30px !important;
	font-weight:900 !important;
	font-family: 'FK Grotesk', sans-serif !important;
	line-height: 1;
	text-transform:uppercase;
}

.series-blurb .cpb_blurb_container .cpb_blurb_description p {
	font-size:24px !important;
	font-weight:900 !important;
	font-family: 'FK Grotesk', sans-serif !important;
	line-height: 1;
}

.checkmark-bullets li {
	list-style:none;
	margin-left:50px;
	padding:10px 0;
	line-height: 1;
}

.checkmark-bullets li:before {
	content:"";
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat;
	width:30px;
	height:30px;
	background-size:cover;
	display:inline-block;
	margin-right:20px;
	margin-left:-50px;
	vertical-align: middle;
}

#faqs.cpb_accordion .cpb_toggle {
	margin-bottom:10px !important;
	}
	

/* Custom Video Popup */
/* Popup Close Icon Tweak */
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
	top: 0px !important;
	position: fixed !important;
}
.mfp-iframe-holder .mfp-content {
    max-width: 70%;
}
.mfp-iframe-scaler button.mfp-close {
    top: -50px ;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    top: -50px !important;
}

.video_popup_lightbox .mfp-iframe-holder .mfp-close {
    top: -50px;
}

.video_popup {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.video_popup a:before {
    content: '';
    cursor: pointer;
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 54.5px);
    z-index: 20;
    padding: 55px;
    border-radius: 50%;
    background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
    color: #0a2a3b;
    
}

.video_popup a:after {
    content: 'E';
    cursor: pointer;
    font-family: 'ETmodules';
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 47px);
    z-index: 20;
    background-color: #fff;
    padding: 55px 27px;
    border-radius: 50%;
    font-size: 40px;
    text-transform: uppercase;
    color: #0a2a3b;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.video_popup.no_icon:before,
.video_popup.no_icon:after {
    display: none!important;
}

/*.video_popup:not(.no_icon):hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.video_popup:hover a:before {
    opacity: 0;
    padding: 65px 37px;
    left: calc(50% - 64.5px);
    top: calc(50% - 65px);
}

.video_popup:hover a:after {
    opacity: 1;
    padding: 65px 37px;
    left: calc(50% - 64.5px);
    top: calc(50% - 65px);
    font-size: 56.5px;
}

@media all and (max-width: 980px) {
    .video_popup a:before {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 10px;
    }
    .video_popup a:after {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 32px;
    }
    
}*/


/* UNEVEN COLUMNS */

.uneven .cpb_column_1_3:nth-of-type(1) {
	width:45% !important;
}
.uneven .cpb_column_1_3:nth-of-type(2) {
	width:15% !important;
}
.uneven .cpb_column_1_3:nth-of-type(3) {
	width:40% !important;
}


/* INDUSTRY PAGES GRID OVERRIDES */

#utility-grid .dp-dfg-item {
  padding: 0;
}
#utility-grid .dp-dfg-item figure {
padding: 0 0 1.5em !important;
}
#utility-blurb .cpb_main_blurb_image {
  display: grid;
  margin-bottom: 15px;
  line-height: 0;
  max-width: 100%;
  align-content: center;
  height: 7.5vw;
}
#utility-blurb .cpb_main_blurb_image img {
	max-height:85px;
	width:auto;
	}
#utility-blurb.large .cpb_main_blurb_image {
  
  height: 10.5vw;
}
#utility-blurb.large .cpb_main_blurb_image img {
	max-height: 150px;
	width:auto;
	}
	
#footnotes p {
	font-size:14px !important;
}


/* HUBSPOT CUSTOMIZATIONS */

.register-column {background:#f5f6f5;padding:25px;border-radius:25px;}

.hbspt-form fieldset {
    max-width: 100% !important;
}

.hbspt-form .hs-input,.hs-form .hs-input {
  display: inline-block;
  width: 100% !important;
  height: 40px;
  padding: 9px 10px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #33475b;
  border: 1px solid #cbd6e2;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.hbspt-form .hs-input[type="checkbox"], .hbspt-form .hs-input[type="radio"],.hs-form-booleancheckbox input,.hs-form .hs-input[type="checkbox"], .hs-form .hs-input[type="radio"] {
  cursor: pointer;
  width: auto !important;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0px;
  line-height: normal;
  border: none;
  height:20px;
}

.hbspt-form .inputs-list,.hs-form .inputs-list {list-style-type:none !important;padding:0 !important;}

.legal-consent-container .hs-form-booleancheckbox-display > span,.hs-richtext,.hbspt-form label {
  display: block;
  font-size: 14px;
  line-height: 1.3;
  margin-top: 15px;
}


.hs-button {
  background: #66b360;
  border-color: #66b360;
  color: #ffffff;
  font-size: 14px;
  line-height: 14px;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  padding: 12px 24px;
  appearance:none;
  font-weight:bold;
}

.hs-submit {margin-top:20px;}

.hs-button:hover {opacity:.8}

.submitted-message a {text-decoration:underline;}

.hbspt-form .hs-custom-style > div input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]), .hbspt-form .hs-custom-style fieldset input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
  box-sizing: border-box;
  padding: 0 15px;
  min-height: 27px;
}

.pid-15539 .hbspt-form,.green-hs .hbspt-form {color:#fff;}
.pid-15539 .hbspt-form form {
	dISPlay: flex;
	flex-wrap: wrap;
	column-gap:20px;
	}
.pid-15539 .hbspt-form form input,.green-hs .hbspt-form form input[type="text"],.green-hs .hbspt-form form input[type="tel"] {
	height: 40px;
  width: 100%;
  max-width: 100% !important;
}

.pid-15539 .hbspt-form form input[type="email"],.green-hs .hbspt-form form input[type="email"]  {
	height: 40px;
 width: 100%;
  max-width: 100% !important;
  
}

body .green-hs fieldset.form-columns-2,body .green-hs fieldset.form-columns-1 {width:100%;max-width:100% !important;}

.pid-15539 .hbspt-form form textarea,.green-hs .hbspt-form form textarea  {
 width: 100% !important;
  max-width: 100% !important;
}

.green-hs .hbspt-form form .legal-consent-container .hs-form-booleancheckbox-display > span {margin-top:5px;}

.green-hs .hs-field-desc {font-size:16px;line-height:1.3}

.green-hs .hs-form-booleancheckbox a {color:#fff;text-decoration:underline;}

.pid-15539 .hbspt-form form .hs-richtext,.pid-15818 .hbspt-form form .hs-richtext,.green-hs .hbspt-form form .hs-richtext{font-size: 14px;
  line-height: 1.2;}
.pid-15539 .hbspt-form form .hs-richtext a,.pid-15818 .hbspt-form form .hs-richtext a,.green-hs .hbspt-form form .hs-richtext a {text-decoration:underline;color:#fff !important}

.pid-15539 .hbspt-form form .hs-error-msg,.green-hs .hbspt-form form .hs-error-msg {font-size: 14px;
  line-height: 1.2; color:red;}
  
.pid-15539 .hbspt-form form .hs-form-booleancheckbox,.green-hs .hbspt-form form .hs-form-booleancheckbox {list-style-type:none;}

.pid-15539 .hbspt-form form .inputs-list,.green-hs .hbspt-form form .inputs-list {padding:20px 0 0 0;}

.pid-15539 .hbspt-form form .hs-submit,.pid-15818 .hbspt-form form .hs-submit,.green-hs .hbspt-form form .hs-submit {margin:auto;}
.pid-15539 .hbspt-form form .hs-button,.pid-15818 .hbspt-form form .hs-button,.green-hs  .hbspt-form form .hs-button{appearance: none;
  border: 0;
  padding: 15px 20px 10px;
  margin: 15px auto;background: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  color: #45aa42;
  font-weight: 700;
  text-transform: uppercase;
  }
  
.pid-15539 .hbspt-form form label,.green-hs .hbspt-form form label {font-size: 16px;
  padding-top: 10px;
  display: block;}
  
  
  
/* FROM CUSTOMIZER */


h1, h2, h3, h4, h5, h6 {word-wrap: normal !important;}

iframe {min-height:50px;}

:target { scroll-margin-top: 100px; }

.ct_header_style_left #et-top-navigation {
    padding-top: 5px !important;
}
#ct_top_search {
    margin: 20px 0 0 22px !important;
}
#top-menu li li a {
    padding: 6px 10px;
}
#top-menu li li:last-of-type {
    padding: 0 20px 10px;
}
.nav li ul {
    top: 30px;
}

#static-blurbs .cpb_blurb:first-of-type {
    margin-top: 50px !important;
} 


.pid-13018 li#menu-item-1367 {
	display:none;
}
body.pid-13018 li#menu-item-13486 {
	display:inline-block !important;
}

:not(.pid-13018) li#menu-item-13486 {
	display:none !important;

}

#delivering .cpb_blurb {
	position:relative;
	height: 230px;
	width: 250px;
	border-radius: 20px 20px 20px 20px;
	overflow: hidden;
	padding-top: 20px !important;
	padding-right: 40px !important;
	padding-bottom: 20px !important;
	padding-left: 40px !important;
	}

#top-header {z-index:10;
	}
#main-header {z-index:9;
	}
.mfp-bg {
	z-index:11;
	}

.dp-dfg-layout-fullwidth .dp-dfg-image img {
    display: block;
    width: 100%;
    max-width: 200px;
    float: left;
    margin-right: 40px;
}

.media-frame-title h1 {
    padding: 0 16px;
	font-size: 22px !important;}


#nf-form-2-cont .nf-form-content .listcheckbox-wrap li,#nf-form-2-cont .nf-form-content .listradio-wrap li {
  width: 120px;
}

#newsgrid .dp-dfg-skin-default .dp-dfg-filter a.active {
  text-decoration: underline;
  color: #000 !important;
  
}

.optionsimage:after {
	content:"";
	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
	display: inline-block;
	height:14px;
	width:29px;
	padding-left: 10px;
}

.pid-14977 .cpb_blurb_description {
	position: relative;
	min-height: 130px;
	}
	
.pid-14977 .cpb_blurb_description p:nth-of-type(2) {
	position: absolute;
	bottom: 0;
	}
.pid-14977 .industryrow > div {
    max-height: 265px;
  }

.cpb_button_module_wrapper a.cpb_button.mobile {display:none !important}



.mobile-only {display:none !important;}


/* MIN MEDIA QUERIES */

@media screen and (min-width:3000px) {
	#hero .cpb_row {
	padding:3% 0 !important;
	}
}
@media screen and (min-width:1700px) {
.homeblog .dp-dfg-item .dp-dfg-header {
  
}
}

@media screen and (min-width:1600px) {
.company-carousel .owl-nav {

  top: -1055px;

}
}

@media screen and (min-width:1400px) {
.right-line::after {
  right: clamp(40px, 7vw, 80px) !important;
  }
.company-two .right-line::after {
  right: clamp(40px, 7vw, 80px) !important;
  }
  .search-section .cpb_row {
    width: 80%;
    max-width: 1440px;
	}
}

@media (min-width: 1201px) {
  .menu-desktop { display: block !important; }
  .menu-mobile  { display: none !important; }

  .cpb_section.js-header.fixed{
    position: fixed !important;
    left: 0;
    right: 0;
    top: var(--headerTop, 0px) !important; /* <-- key */
    z-index: 99999;
    background: #fff !important;
  }

.js-header .cpb_column_1_5 {
    width: 14% !important;
  }
.js-header .cpb_column_3_5 {
    width: 68% !important;
  }
  
  .server-video {display:block;}
  
	.static-boombox {display:none;}

	.community-image-wide {display:none  !important;}
}






/* MAX MEDIA QUERIES */

@media screen and (max-width:1620px) {

	.pre-giant {
	font-size: 40px !important; 
	}

	
	.duration {
  	font-size: 30px !important;
  	}
	.doubled {
  	font-size: 60px !important;
  	}
  	
  	#mega-menu-wrap-primary-menu #mega-menu-primary-menu .company a.mega-menu-link .mega-description-group,#mega-menu-wrap-primary-menu #mega-menu-primary-menu .company-two a.mega-menu-link .mega-description-group {
  width: 90%;
  }

}

@media screen and (max-width:1600px) {
.pid-14977 .industryrow h4 {
	font-size:16px !important;
	}
.pid-14977 .industryrow > div {
  max-height: 245px !important;
}
}

@media screen and (max-width:1520px) {
	#challenges .cpb_text:first-of-type {
	height:400px;
	}
	#industry-logos .cpb_blurb h3 {
    font-size: 16px !important;
	}
	

}
@media screen and (max-width:1450px) {

	.cpb_row {
  	width: 90%;
  	}
	#main-header .container {
	max-width:97% !important;
	width:100% !important;
	}
	#challenges {
	min-height: 950px;
	}
	#bloom-benefits .cpb_column_1_4 {
    width: 47.25%;
	
	}
	#breadcrumbs,.blogpostheader .inner {
	width:100%;
	max-width:90%;
	}
	
	.right-line:after {right: clamp(10px, 5vw, 30px);}
}
@media screen and (max-width:1300px) {
	#departmentgrid .dp-dfg-image img {
	max-width:400px !important;
	max-height: 400px !important;
	}
	.search-filter-items {
    grid-template-columns: repeat(auto-fill,minmax(40%,1fr));
	}
	.features .cpb_column {
	padding-top:10px !important;
	padding-bottom:10px !important;
	}
	
	.features h3 {
	padding-bottom:0em !important;
	line-height:1.3;
	}
	.features p {
	padding-bottom:.5em !important;
	line-height:1.3;
	}

	.pre-giant {
	font-size: 30px !important; 
	}

	.giant {
	font-size: 160px !important; 
	}
	.duration {
  	font-size: 24px !important;
  	}
	.doubled {
  	font-size: 50px !important;
  	}


}


@media screen and (max-width:1200px) {

	.mobile-only {display:block !important;}
	

	.js-header .cpb_row {align-items: center;
  	display: flex;}
	.menu-mobile {width:auto;background: transparent;}
	
	
	#et-main-area {margin-top:-120px;}
	
	/* MOBILE MENU */
	
	:root{
  --mobileMenuTop: 165px;   /* default (top of page) */
	}	

	.cpb_section.js-header{
  	position: relative;
  	z-index: 1000001 !important;
	}

	/* Off-canvas mobile menu (Divi): slide in from right */
	.cpb_menu .ct_mobile_menu{
  	/* drawer positioning */
  	position: fixed !important;
  	top: var(--mobileMenuTop) !important;
  	height: calc(100vh - var(--mobileMenuTop)) !important;
  	right: -100% !important;
  	left: auto !important;
  

  	/* size */
  	width: min(85vw, 360px) !important;
  	max-width: 360px !important;

  	/* spacing + styling */
  	margin: 0 !important;                 /* kill dropdown spacing */
  	padding: 0 !important;
  	border-top: 1.5px solid rgba(26, 26, 26, 0.25) !important;
  	box-shadow: none !important;

  	/* behavior */
  	overflow-y: auto;
  transform: none !important;
  transition: right .5s ease !important;
  z-index: 1000002 !important;

  /* keep it animatable even if Divi tries to toggle display */
  display: block !important;
  visibility: hidden;
  pointer-events: none;
}

/* Open state */
.mobile_nav.opened .ct_mobile_menu{
  right: 0 !important;
  visibility: visible !important;
  pointer-events: auto;
  padding-top: 14px !important;
  list-style: none;
}

/* Overlay element */
/* Make sure main-content can host an overlay */
#main-content{
  position: relative;
}

/* Overlay lives on main-content */
#main-content::before{
  content: "";
  position: relative;                 /* not fixed */
  left: 0;
  right: 0;
  top: 0;                              /* main-content already starts below header */
  min-height: 100vh;                   /* guarantees viewport coverage */
  height: 100%;                        /* also covers full main-content height */

  background: rgba(0,0,0,.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  z-index: 999999;          /* tune if needed */
}

/* Active state */
html.menu-overlay-on #main-content::before{
  opacity: 1;
  pointer-events: auto;
}

/* ===== Scroll lock (Chrome + Firefox safe) ===== */
html.menu-locked{
  overflow: hidden !important;
  height: 100% !important;
  overscroll-behavior: none;
}

body.menu-locked{
  overflow: hidden !important;
}

/* Divi wrapper — THIS is what Chrome scrolls */
#page-container.menu-locked{
  overflow: hidden !important;
  height: 100% !important;
}






	/* Stop Divi from shifting page container when menu opens (some layouts) */
	.cpb_slide_menu_active #page-container{
  	transform: none !important;
	}


	/* Disable all Max Mega Menu transitions & animations */
	.mega-menu *,
	.mega-menu *::before,
	.mega-menu *::after {
  	transition: none !important;
  	animation: none !important;
	}
	
	.ct_mobile_menu li a, .nav li li a {
  	transition: none !important;
  	animation: none !important;
  	text-decoration:none !important;
	}

	/* MENU APPEARANCE */
	
	
	.ct_mobile_menu li a:hover, .nav ul li a:hover {
  	background-color: transparent;
  	opacity: 1;
  	color:#00AB44 !important;
	}
	
	.cpb_menu_1_tb_header.cpb_menu ul li a {
  	font-size: 1.125rem !important;
	}
	
	.ct_mobile_nav_menu {display:block}
	
	.menu-desktop { display: none !important; }
  	.menu-mobile  { display: block !important; }
  	
  	.menu-mobile .et-menu-nav { display: none !important; }
  	
  	.cpb_menu_1_tb_header .mobile_nav .mobile_menu_bar::before {
  	color: #001F1B !important;
	}
	
	.cpb_menu_1_tb_header .mobile_nav .mobile_menu_bar:hover::before {
  	color: #30D060 !important;
	}

	
	.cpb_menu_1_tb_header .mobile_nav.opened .mobile_menu_bar::before {
  	content: "" !important;
  	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
  	display:block;
  	height:20px;
  	width:20px;
	}
	
	.is-open {position: absolute !important;
  	top: 5px;
  	width: 100%;
  	background: #fff;
  	height: 100%;
  	z-index: 2;
  	left: 0;
  	}
  	
  	.menu-mobile ul.ct_mobile_menu li.menu-item-has-children.is-open > a {
    padding-right: 52px !important;
    text-transform: uppercase;
    padding-left: 3rem;
    padding-top:24px;
    font-size: .75rem !important;
    font-weight:700 !important;
  	}
  	
  	.menu-mobile ul.ct_mobile_menu li.menu-item-has-children.is-open > a:hover {color:#00AB44 !important;}
  	
  	
  	
  	.menu-mobile ul.ct_mobile_menu li  li.menu-item-has-children.is-open > a {
  	padding-right: 52px !important;
    text-transform: uppercase !important;
    padding-left: 3rem !important;
    padding-top: 24px !important;
    }
  	
  	.ct_mobile_menu li li a {
    padding: 0.875rem 0rem !important;
    }
    
    .ct_mobile_menu li li li a {
    padding: 0.875rem 0rem !important;
    }
    .ct_mobile_menu li li {
  	padding-left: 0 !important;
	}

    .menu-mobile ul.ct_mobile_menu li.menu-item-has-children.is-open > ul.sub-menu {
    display: block !important;
    padding-left: 1.5rem;
    margin-left: unset;
    width: auto;
  	}
  	
  	.menu-mobile ul.ct_mobile_menu li li.menu-item-has-children.is-open > ul.sub-menu {
    padding-left: 1.5rem;
    }
    
  
  	.ct_mobile_menu li a {
  	padding: 0.875rem 1.5rem;
  	border-bottom: 0px solid rgba(0,0,0,.03);
  	}
  
  	.cpb_menu .ct_mobile_menu li li ul {
  	padding-left: 0;
    margin-left: -27px;
    width: 331px;
	}

  	
  	
  	
  	.ct_mobile_menu  .menu-item {text-align:left !important}
  	
  	/* MOBILE ACCORDION: collapsed by default */


  /* Force all submenus closed unless parent is-open */
  .menu-mobile ul.ct_mobile_menu li.menu-item-has-children > ul.sub-menu {
    display: none !important;
  }
  

  .menu-mobile ul.ct_mobile_menu li.menu-item-has-children.is-open > ul.sub-menu {
    display: block !important;
  }

  /* Optional: layout for the + button */
  .ct_mobile_menu .menu-item {
    position: relative;
    
  }
  
  .menu-mobile ul.ct_mobile_menu li.menu-item-has-children a,.cpb_menu_page_id-1370 a,.cpb_menu_page_id-21 a {
    color: #001F1B;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 500 !important;
	line-height: 100%; /* 1.125rem */
  	}
	.menu-mobile ul.ct_mobile_menu li.menu-item-has-children a:hover,.cpb_menu_page_id-1370 a:hover,.cpb_menu_page_id-21 a:hover {color:#00AB44 !important;}
  
  .menu-mobile ul.ct_mobile_menu li.menu-item-has-children li a {
    text-transform: none !important;
  }

  .menu-mobile .mobile-submenu-toggle {
    position: absolute;
    right: 15px;
    top: 0;
    height: 100%;
    padding: 0 16px;
    background: transparent;
    border: 0;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat center center;
  	}
  	
  	
  .mobile-submenu-toggle.is-open {
    position: absolute;
    left: 1.5rem;
    top: 20px;
    height: 20px;
    padding: 0 16px;
    background: transparent;
    border: 0;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    background: url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat left center;
    width: 20px;
    right:unset;
  	}
  	
  	.menu-item-has-children.is-open a:hover + .mobile-submenu-toggle.is-open {
  	background:url("/images/hero/hero-commercial-roofing-fort-lauderdale-fl-01.webp") no-repeat left center;
  	}
  	


  	/* Give the link some breathing room so the + doesn't overlap */
  	.menu-mobile ul.ct_mobile_menu li.menu-item-has-children > a {
    padding-right: 52px !important;
  	}

	.ct_mobile_menu .menu-item-has-children > a {
	background-color: #fff;
	}
	
	.ct_mobile_menu .sub-menu li {list-style:none;}
	
	
	.cpb_tabs_0.cpb_tabs.testimonials .cpb_tabs_controls li a {padding:4px 10px !important}

	
	.cpb_column.button-column {
	position: absolute;
    right: 0px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-column-gap: 10px;
    align-items: center;
    float:none !important;
    max-width: 200px;
    justify-content: flex-end;
    }
    
    .cpb_section.fixed{
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    --fixedOffset: 0px !important;
  	
    position: relative !important;  /* or static */
    top: auto !important;
    left: auto !important;
    right: auto !important;

    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;

   
  	}
  	
  	
  	/* HOME */
	
	.home-page-hero {
	margin-top: 0px !important;
	height:100dvh !important;
	}
		
	.large-text {font-size:1.5rem;}
	
	
	.logos .owl-item {
	min-width: 100px !important;
	margin-right: 50px !important;
	}
	
	.cpb_number_counter .percent {
  	height: 60px;
  	}
	.cpb_number_counter_0.cpb_number_counter .percent p, .cpb_number_counter_1.cpb_number_counter .percent p, .faux-number .percent p {font-size: 4.125rem !important;}
	
	.cpb_number_counter .percent,.faux-number .percent p {letter-spacing:unset;}
	
	.plus .percent-sign::before,.percent-sign::before,.water .percent-sign::before {
  	font-size: 4.125rem;
	}
	body .row1  {padding-bottom:0 !important;}
	.row1 .cpb_text_3 {padding-top:0 !important;}
	.my-sticky-wrap .row1 {position:relative !important;}
	.my-sticky-wrap .cpb_column {width:100% !important;}

	.dipl_scroll_stack_cards {display:none;}
	
	body .stack-cards-accordion {display:block !important;}
	
	body .stack-cards-accordion .cpb_toggle {
  	border-top: 1px solid #EBEBEB;
  	border-bottom: 0;
  	border-left: 0;
  	border-right: 0;
  	margin-bottom: unset !important;
  	padding:24px 0;
	}
	
	.cpb_accordion.stack-cards-accordion .cpb_toggle_title::before, .stack-cards-accordion .cpb_toggle .cpb_toggle_title::before {color:#001F1B !important}
	
	.cpb_accordion.stack-cards-accordion .cpb_toggle_open::before {
  font-size: 24px;
  color: #001F1B;
  font-weight: 300 !important;
  content: "–" !important;
  position: absolute;
  right: 0;
  top: 30px;
  margin-top: -.5em;
	}
	
	.energy-platform h2 {padding-bottom:1.8rem;}
	
	body .my-sticky-wrap .row1 {padding-bottom:0 !important}

	
	.my-sticky-wrap .cpb_row_5 .cpb_column_10 {position:relative !important;top: unset !important;padding-bottom:3rem;}
  
  .boom-accordion {display:grid;}  
  .boom-accordion .cpb_column_9 {order:2}
  .boom-accordion .cpb_column_10 {order:1}
  
  
  	.community .cpb_column {width:100% !important;}
  	
  	.community .cpb_image_wrap {display:flex !important;justify-content:center;}
  	
  	.community .cpb_text_6 {
  	padding-bottom: 0px !important;
	}
  	.community-image-square  {display:none !important;}
  	.community-image-wide {display:block !important;}
  	
  	.testimonials-title-row,.blog-title-row {margin-bottom:20px;}
  	.testimonials-title-row  .cpb_column,.blog-title-row  .cpb_column {
    width: 47% !important;
    }
    
    .unstick-trigger {margin-top:unset}
    
    .my-sticky-wrap{
  	margin-bottom: unset;
	}
	
	.owl-dots .owl-dot {
  	width: .625rem !important;
  	height: .625rem !important;
	}
	
	.cpb_bg_layout_light .owl-dots .owl-dot {
  	background-color: #e8e8e8;
	}
	.cpb_bg_layout_light .owl-dots .owl-dot.active {
  	background-color: #30D060;
	}
	
	
	.company-carousel .owl-dots .owl-dot {
  	background-color: rgba(255,255,255,.5);
	}
	.company-carousel .owl-dots .owl-dot.active {
  	background-color: #45E6F8;
	}
	
	.testimonials-section {
  	margin-top: 220px !important;
	}
	    
    /* COMPANY */
    
    /* COMPANY PARALLEX HERO */
    .company-second-header {font-size:36px !important;}
    
    .greenquote p {font-size: 2.75rem;}
    
    .greenquote p:first-child::before {
  	margin-left: -10px;
	}
    
    .kr-quote .cpb_image_wrap  {display:flex !important;justify-content:center;}
    
    .kr-quote .cpb_image_1 {margin:auto !important;}
    
    .company-carousel .owl-nav {
	right: -60vw;
	}
	
	.bottom-cta  .cpb_column:first-of-type {
    width: 80% !important;
    }
    .bottom-cta  .cpb_column:last-of-type {
    width: 20% !important;
    }
    
    body .homeblog h3.entry-title,body .homeblog h3.entry-title a {
  	line-height:125% !important;
  	font-size: 24px !important;
  	}
    
    
  	
  	/* MISC */
  	
  	
	.cpb_menu_0_tb_footer .cpb_menu__menu {
		display: flex!important;
	}
	.cpb_menu_0_tb_footer .ct_mobile_nav_menu  {
		display: none!important;
	}

	
	.pid-14977 .industryrow h4 {
	font-size:14px !important;
	}
	
    
	h1,#blogheader h1 {
	font-size:50px !important;
	}
	
	.cpb_menu .cpb_menu__wrap {
	justify-content:flex-end;
	}
	
	.cpb_section_0_tb_footer .cpb_menu .cpb_menu__wrap {
	justify-content:flex-start;
	}
	
	.arrow-right:after {
	
	font-size:20px;
	
	}
	.footernav {
    display: block;
    }
    .footernav a {
    letter-spacing:unset;
    }
    
    .footer-widget:nth-of-type(2) {
    width: 25.083% !important;
	
	}

	.footer-widget:nth-of-type(3) {
    width: 17.083% !important;
    margin-right: 0 !important;
	}

	.footer-widget:nth-of-type(4)  {
	text-align:right;
	width: 35.083% !important;
	}
	#challenges .cpb_text:first-of-type {
	height:500px;
	}
	#industry-logos .cpb_blurb h3 {
    font-size: 14px !important;
	}
	
	.pid-8789 h2 {
	
	font-size:40px !important;
	}
	
	#newsrow {
	width:95% !important;
	}
	
	h1 {
	font-size:50px !important;
	}

	h2 {
	font-size:40px !important;
	}
	
	h3 {
	font-size:24px !important;	
	}
	h4 {
	font-size:16px !important;
	}
	h5 {
	font-size:14px !important;
	}
	h6 {
	font-size:12px;
	}
	
	#delivering .cpb_row.two-up {
	width:100% !important
	}
	
	#stickynav .cpb_row { 
	width:90% !important;
	}

	
	
	.features img {
	min-width:200px;
	}
	.event-entry-content.upcoming {
	width: 100%;
	}
	
	.my-sticky-wrap .cpb_row_5 {
  	margin-top: 0;
	}
	
	.my-sticky-wrap .row1::after {
  	height: auto;
	}
	.server-video {display:block;}
	.static-boombox {display:none;}
	
	.cpb_section.js-header.tm-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
    transform: translateY(0) !important;
    margin-top: 0 !important;
  	}

	/* Optional: avoid transform animations fighting fixed positioning */
  	.cpb_section.js-header.tm-fixed.is-hidden {
    transform: none !important;
  	}
}

@media screen and (max-width:1170px) {

	#logo {
	max-width: 200px !important;
	}
	
	
	#departmentgrid .dp-dfg-image {
	left:20px;
	top:20px;
	position: relative;
	grid-column-start: 1;
	
	}
	#departmentgrid .dp-dfg-image img {
	width:auto !important;
	height:auto !important;
	}
	#departmentgrid .dp-dfg-item {
	
    grid-template-columns: fit-content(100%);

	}
	
    .cpb_column_4_4 .cd-timeline-img {
    
    left: 0 !important;
    }
    .cpb_column_4_4 #cd-timeline::before {
    left: 0 !important;
	}
	.cd-timeline-block {
    max-width: 90%;
	}
	.cpb_vertical_timeline_0 .cd-timeline-content {
    width: 100%;
	margin: 1em 0;
	}
	.cpb_column_4_4 .cd-timeline-img {
	
    left: 20px;
    }
    .cpb_column_4_4 .cd-timeline-content {
	width: 100% !important;
    
    }
    .cd-timeline-content-liner h2 {
    text-align:left !important;
    }
    .cd-timeline-content-liner
	{
	margin-left: 50px !important;
	margin-right:0 !important;
	padding-left: 15px !important;
	}
	#challenges {
	min-height: 950px;
	}
	.features .cpb_image_wrap {
	padding: 30px 40px;
	}
	
	.homeblog .dp-dfg-item .dp-dfg-content { height:auto; }

}

	
@media screen and (max-width:980px) {

	#et-main-area {
    margin-top: unset;
	}
	
	/* HOME */
	
	.home-page-hero {
	height:85dvh !important;
	}
	
	body .row1 .cpb_column {margin-bottom:0 !important}
	
	.community-image-wide {display:block !important;}
	.community-image-square  {display:none !important;}
	
	

	/*COMPANY */
	
	.company-row1 h1 {font-size:3.125rem !important}
	
	.company-carousel .owl-nav {
	top: -900px;
	right: 0;
	width: 90%;
	}

	
	.pid-14977 .industryrow h4 {
	font-size:24px !important;
	}	 

	.pid-14977 .industryrow > div {
  	max-height: 265px !important;
	}

	.industryrow .cpb_column,body .industryrow .cpb_column:last-child {
        width: 90% !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

	.pid-14977 .cpb_blurb_description {
	min-height: auto;
	}
	.pid-14977 .cpb_blurb_description p:nth-of-type(2) {
	position: relative;
	}	



	.menu-item-gtranslate {display:none;}
	.dp-dfg-filters {
	margin-top:0;
	}
	.cpb_fullwidth_section {
    padding: 0 !important;
	}
	
	#customergrid .dp-dfg-filters, #newsroomgrid .dp-dfg-filters, #resource-grid .dp-dfg-filters {
    margin-top: 0px;
	}
	
	#ct_top_search {
    margin: 0px 0 0 22px;
	}
	
	
	h1,#blogheader h1 {
	font-size:54px !important;
	}

	h2,.largetext {
	font-size:40px !important;

	}
	
	h3 {
	font-size:30px !important;

	}
	h4 {
	font-size:20px !important;

	}
	h5 {
	font-size:16px !important;

	}
	h6 {
	font-size:14px;

	}
	.popup-video {
	margin-top:unset;
	}
	.ct_section_specialty .cpb_row > .cpb_column {

    padding-bottom: 0;
    margin-bottom: 0;

	}
	
	.arrow-right:after {
	
	font-size:30px;
	right:-10%;
	}
	
	
	
	.left {
    display:flex;
    flex-direction: column;
    padding-top:30px !important;
    padding-bottom: 0 !important;
    }
    .right {
    display:flex;
    flex-direction: column-reverse;
    padding-top:30px !important;
    }
    
    
    .left .cpb_column:last-child,.right .cpb_column:last-child {
    margin-bottom:50px;
    }
    
    .cpb_number_counter_0.cpb_number_counter .percent p, .cpb_number_counter_1.cpb_number_counter .percent p, .faux-number .percent p {font-size: 5rem !important;}
	
	
	.plus .percent-sign::before,.percent-sign::before,.water .percent-sign::before {
  	font-size: 5rem;
	}
    
    .footer-widget:nth-of-type(1) {
    width: 10% !important;
    margin-right: 5% !important;
	}

	.footer-widget:nth-of-type(2) {
    width: 35% !important;
	}

	.footer-widget:nth-of-type(3) {
    width: 40% !important;

	}

	.footer-widget:nth-of-type(4) {
	width: 100% !important;
	}
	.footer-widget:nth-of-type(4) .fwidget {
	text-align:left;
	}
	.footer-social {
    float: left;
	}
	#footer-widgets .footer-widget .fwidget {
    margin-bottom: 2%;
	}
	#footer-widgets .footer-widget:nth-child(2n) {
    margin-right: 5% !important;
	}
	
	#challenges { 
	border-bottom:1px solid #ccc;
    min-height: auto;
	}
	#challenges .cpb_text:first-of-type {
	height:auto;
	margin-bottom:30px;
	}
	#challenges:last-of-type { 
	border-bottom:0px solid #ccc;
	}
	
	.single-post #content-area,.single-news #content-area {
	display:flex;
	flex-direction:column;
	}
	#blog-sidebar {
	order:2;
    float: none;
    width: 100%;
    padding-right: 0;
    padding-bottom: 50px !important;
	}
	#blog-main-column,#news-main-column {
	order:1;
    float: none;
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
	padding-left:0;
	}
	

	
	.single-post .cpb_button_module_wrapper.cpb_button_alignment_center {
    display:none;
	}
	.single-post .dp-dfg-items {
    grid-template-columns: repeat(auto-fill,minmax(40%,1fr)) !important;
	}
	#industry-logos .cpb_blurb h3 {
    font-size: 20px !important;
	}
	
	#hero {
    padding: 50px 0;
    height: auto;
	}
	
	#hero .cpb_row .cpb_column {
	height:auto;
	
	}
	
	#hero-video {
    margin-bottom: -200px !important;
    margin-top: 0;
	}
	.pid-8789 h1 {
	line-height:1 !important
	}
	.pid-8789 h2 {
	line-height:1.1 !important
	}
	.fullwidth-mobile {
		width: 100% !important;
		margin:0 0 0 0 !important;
	}
	
	#newsticker .owl-carousel {
    grid-template-columns: auto;
	}
	#newsticker .date {
	text-align: center;
	}
	#newsticker .dp_oc_item {
    width: 100%;
    grid-template-columns: auto;
    }
    
    #bloombenefits .cpb_video_popup {
    margin-bottom: 30px;
    margin-top: 30px;
	}
	
	#always-on-section .cpb_row {
    min-height: auto;
    padding: 0 0 30px 0 !important;
	}
	
	#delivering .cpb_row.two-up {
    display: grid;
    justify-content: center;
	}
	
	#delivering .cpb_blurb {
    margin: auto;
	}
	
	#hero-slider .cpb_slide_description {
    padding: 16% 0% 0 !important;
	}
	
	#newsticker .owl-nav {
    margin-top: -40px;
	}
	#newsrow {
	width:80% !important;
	}
	#newsticker .date {
	border-left: 0px solid #ccc;
	}
	
	#homehydrogen {
	padding-top: 150px !important;
	padding-right: 50px !important;
	padding-bottom: 400px !important;
	padding-left: 50px !important;
	margin-top: -100px !important;
	margin-left: 0px !important;
	}
	
	.sticky-nav-super {
	grid-column-gap: 0em;
	}
	
	.sticky-nav a {
	font-size: 16px !important;
	}
	.getstarted {
	min-width: 120px;
	 z-index: 2;
	}
	
	.scale-up .cpb_module {
	height:250px;
	}
	
	.features {
	display:grid;
	height: auto;
	
	}
	.features .cpb_column:first-of-type {
	grid-column: 1 / 3;
	margin-bottom: 0;
	}
	.features img {
	height: 100% !important;
	width: 100% !important;
	}
	
	.features.reorder .cpb_column:nth-of-type(3) {
	order:1;
	grid-column: 1 / 3;
	}
	
	.features.reorder .cpb_column:nth-of-type(1) {
	order:2;
	grid-column: unset;
	}
	
	.features.reorder .cpb_column:nth-of-type(2) {
	order:3;
	}
	.features .cpb_image_wrap {
	padding: 40px 20px;
	}
	
	.features .cpb_column {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	}
	
	
	.sticky-nav.step1 {
	transform: translateX(-100px);
	margin-right: -100px;
	}
	.sticky-nav.step2 {
	transform: translateX(-200px);
	margin-right: -200px;
	}
	.sticky-nav.step3 {
	transform: translateX(-300px);
	margin-right: -300px;
	}
	.sticky-nav.step4 {
	transform: translateX(-400px);
	margin-right: -400px;
	}
	.sticky-nav.step5 {
	transform: translateX(-500px);
	margin-right: -500px;
	}
	.tech-two-up {
	display: grid;
	grid-template-columns: repeat(2,auto);
	grid-column-gap: 1em;
	width: 520px;
	}	
	.tech-three-up {
	display: grid;
	grid-template-columns: repeat(3,auto);
	grid-column-gap: 1em;
	width: 95%;
	}
	
	#new-technology-customer-grid .dp-dfg-items {
	grid-template-columns: repeat(auto-fill,minmax(45%,1fr));
	}
	h3.blue {
	font-size: 30px !important;
	}
	.features .cpb_image_wrap {
	padding: 20px 40px;
	}
	.features img {
	min-width:250px;
	}
	
	.introtext {
	width:100%;
	}

	.animations {
	grid-template-columns: auto;
	}
	.sticky-animations.cpb_row {
	height: 950px !important;
	}
	
	.slider-animations .sticky-animations.cpb_row {
	height: auto !important;
	}
	
	.animation-left {
	text-align:center;
	}
	.sticky-animation-section {
	padding-top: 0;
	}
	
	.cpb_slide_description .animation-left {
	margin-bottom: 20px;
	}
	
	.html-button .video_thumbnail::before {
	left: -370px;
	}
  
  .timeline-dots {
	display: grid;
	grid-template-columns: repeat(3,auto);
	grid-column-gap: 1em;
	}
	
	#zooming {
	height:480px;
	}
	
	#platform {
	padding-bottom: 10vh !important;
	}
	
	.sticky-animations .cpb_slide_description .animations {
	grid-column-gap: 0;
	margin-top: 20px;
	margin-bottom:30px;
	grid-row-gap: 0px;
	}
	
	.sticky-animations .cpb_slide_description .animations p {
	font-size:18px;
	}
	
	.industry-grid {
	width:100%;
	}
	#industries .industry-grid .cpb_column {
	width: 90% !important;
	margin-right: auto !important;
	margin-left:auto;
	}
	
	.step-one-vertical .cpb_text_inner:before,.step-two-vertical .cpb_text_inner:before,.step-three-vertical .cpb_text_inner:before {
	display:none;
	}
	.step-one-vertical .cpb_text_inner,.step-two-vertical .cpb_text_inner,.step-three-vertical .cpb_text_inner {
	min-height: unset;
	}
	#giant-text.cpb_row {
	max-width:350px;
	margin:0 auto;
	}
	#giant-text .cpb_with_border {
	border:0px solid #fff;
	}
	
	#blog-sidebar {
	margin-top:30px;
	}
	#blog-sidebar div {
	float:none;
	}
	
	li#menu-item-1367, li#menu-item-13486 {
  	text-align: left;
	}
	li#menu-item-1367:hover, li#menu-item-13486:hover {
  	background: transparent !important;
	}
	
	.headgrid {
	grid-template-columns:1fr;
	grid-column-gap:0;
	
	}
	/* UNEVEN COLUMNS */

	.uneven .cpb_column_1_3:nth-of-type(1) {
	width:100% !important;
	padding-top:20px;
	}
	.uneven .cpb_column_1_3:nth-of-type(2) {
	width:100% !important;
	padding:10px 0 20px;
	}
	.uneven .cpb_column_1_3:nth-of-type(3) {
	width:100% !important;
	}
	.single-resource #sidebar {
    clear: both;
	}
	
	.leaf {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
	}
	
	#verticaltabs .tabcontentcolumn {
	padding: 20px;
	}
	
	#verticaltabs .cpb_slide_description {
	height: 40vw;
	line-height:1.2;
	}
	.platform td,.platform th {padding: 5px !important;}
	
	.single-event #content-area {
	grid-template-columns: auto;
	}
	
	.cpb_menu .cpb_menu__menu {
    display: block;
  	}
  	
  	.testimonial 
  	{grid-template-columns:repeat(1,100%);grid-column-gap:0}
  	
  	.ct_mobile_nav_menu {display:none;}
  	
  	/* Make Row 1 sticky */
	.my-sticky-wrap .row1{
  	position: relative;
	}
	.my-sticky-wrap .cpb_row_5 .cpb_column_10 {
  	position: relative;
  	top:unset;
  	z-index:unset;
  	}
  	.server-video {padding-top:0 !important;margin-top:0 !important;}
  	
  	.quote {
  	font-size: 2rem;}
  
  	#wpfront-notification-bar a {
  	font-size: .875rem;}
  	
  	body .company-row1 h1 {
	font-size: 60px !important;
	}
	
	.greenquote p {
    font-size: 2rem;
    line-height: 130%;
  	}
  	
  	
  	
  	.bottom-cta h2 {
    font-size: 36px !important;
  	}
  	.single-resource .ct_post_meta_wrapper {
	
	padding-top: 50px;
	}
	
	body.single-team #main-content .container {
  	padding-top: 0px !important;
	}
  	
	
}


@media screen and (max-width:900px) {
.company-carousel .owl-nav {
    top: -870px;
    }
    }

@media screen and (max-width:768px) {

	h1 {
	font-size:40px !important;
	}

	h2 {
	font-size:30px !important;
	}
	
	h3 {
	font-size:20px !important;	
	}
	h4 {
	font-size:16px !important;
	}
	h5 {
	font-size:14px !important;
	}
	h6 {
	font-size:12px;
	}
	
	.testimonials-section {
  	margin-top: 0px !important;
	}
	
	.cpb_button_module_wrapper a.cpb_button.testimonials-desktop-button,.cpb_button_module_wrapper a.cpb_button.blog-desktop-button {display:none !important}
	
	.cpb_button_module_wrapper a.cpb_button.mobile {display:inline-grid !important}
	
	.testimonials-title-row .cpb_column,.blog-title-row .cpb_column,.bottom-cta .cpb_column:first-of-type,.bottom-cta .cpb_column:last-of-type {
    width: 100% !important;
  	}
  	
  	body .testimonials-accordion .cpb_toggle {
  	border-top: 1px solid #EBEBEB;
  	border-bottom: 0;
  	border-left: 0;
  	border-right: 0;
  	margin-bottom: unset !important;
  	padding:24px 0;
  
	}
	
	
	
	.cpb_accordion.testimonials-accordion .cpb_toggle_title::before, .testimonials-accordion .cpb_toggle .cpb_toggle_title::before {color:#001F1B !important}
	
	.cpb_accordion.testimonials-accordion .cpb_toggle_open::before {
  font-size: 24px;
  color: #001F1B;
  font-weight: 300 !important;
  content: "–" !important;
  position: absolute;
  right: 0;
  top: 30px;
  margin-top: -.5em;
	}
  	
  	.quotetext {
  	font-size: 1.5rem;
  	}
  	
  	.quotetext p:first-child::before {
  	content: '“';
  	margin-left: -8px;
	}
  	
  	.logos .owl-carousel .owl-item {margin-right:40px !important;}
  
  	
  	.owl-nav {display:none;}
  	
  	.owl-dots {display:block;}
  	
  	h2.footer-text {font-size:3.125rem !important}
	
	.cpb_title_container h1 {
    font-weight: 700 !important;
    font-size: 40px !important;
    }
    #blogheader .cpb_slides .cpb_slider_container_inner {
    vertical-align: bottom;

	}
	
	
	.bymonth {
    grid-template-columns: 100%;
	}

	.callouts {

    grid-template-columns: 100%;
	}
	
	#singleblog .blogname {
    top:0;
    left:0;
	}
	
	.arrow-right:after {
	
	font-size:20px;
	right:-10%;
	}
	#news .dp-dfg-custom-content {

	grid-template-columns:1fr 2fr;
	
	}
	.footer-widget:nth-of-type(2) {
    border-right: 0px solid #bbb;
    }
    
    .features {

	max-width:400px !important;
	margin-left:auto;
	margin-right:auto;
	grid-template-columns:auto;
	background: #f6f6f6 !important;
	}
	.features .cpb_column:first-of-type {
	grid-column: unset;
	margin-bottom: 0;
	}
	
	
	.features.reorder .cpb_column:nth-of-type(3) {
	order:1;
	grid-column: unset;
	}
	
	.features.reorder .cpb_column:nth-of-type(1) {
	order:3;
	grid-column: unset;
	}
	
	.features.reorder .cpb_column:nth-of-type(2) {
	order:2;
	}
    
    .features .cpb_image {
    margin:auto;
    }
	
	.features .curve.rightside {
	border-radius:0% 0% 50% 50% / 60% 60% 40% 40%   !important;
	}

	.features .curve.leftside {
	border-radius:0% 0% 50% 50% / 60% 60% 40% 40%  !important;
	}
    
    .features .cpb_with_border {
	width: 100% !important;
  	}
  	
  	.features .cpb_text_inner {
	text-align: center;
	}
	
	.tech-two-up {
	grid-template-columns: auto;
	}	
	
	.tech-two-up .cpb_column {
	width: 100%;
	margin-right: 0;
	}
	.tech-three-up {
	grid-template-columns: auto;
	grid-column-gap: 0em;
	}
	
	
	table.electrolyzer th,table.electrolyzer td {
	font-size:14px !important;
	padding:5px !important;
	}

	.tech-two-up .cpb_column {
	margin-right: auto !important;
	margin-left:auto;
	}
	
	#timeline-image {
	height: 150px;
	width: 150px;
	font-size: 14px;
	line-height: 1.3;
	}
	
	#timeline-image p {
	font-size: 26px;
	}
	
    .entry-content tr td.download {
	white-space: nowrap;
	}
	
	.single-post .hide-on-mobile {
	display:none;
	}
	.blogpostheader .inner {
	grid-template-columns:1fr;
	}
	
	.single-post h1 {
	font-size:40px !important;
	}
	
	.company-carousel .dp_oc_item .dp_oc_image_title {font-size: 68px !important;}
	
	.cpb_number_counter .percent,
  	.cpb_number_counter .counter-num {
    /* Set initial and final number to be the same to prevent animation */
    -webkit-animation: none !important;
    animation: none !important;
    /* Ensure the final number is visible immediately */
    opacity: 1 !important;
  	}
  
  	#menu-bloomenergy-footer-menu {flex-direction:column;}
  
  	body .company-row1 h1 {
	font-size: 3.125rem !important;
	}
	
	
	
	.cpb_menu .ct_mobile_menu {
    top: 120px !important;
    height: calc(100vh - 120px) !important;
    }

}


@media screen and (max-width:640px) {

	.cpb_title_container h1 {
    font-size: 30px !important;
	}
	
	h2 {
	font-size:2.25rem !important;
	}
	
	.cpb_row_1-2_1-6_1-6_1-6 .cpb_column {
	width:100% !important;
	}
	.single-customer .graytop .greenstripe,.single-event .graytop .greenstripe {
    grid-template-columns: 1fr;
	}
	
	.customer-sidebar {
    float: none;
    width: 100%;
    margin-right: 0%;
	}
	.event-sidebar {
    float: none;
    width: 100%;
    margin-left: 0%;
	}
	.customer-entry-content,.event-entry-content {
    float: none;
    width: 100%;
	}
	.single-post .dp-dfg-items {
    grid-template-columns: repeat(auto-fill,minmax(100%,1fr)) !important;
	}
	
	#homehydrogen {
	padding-top: 100px !important;
	padding-right: 15px !important;
	padding-bottom: 300px !important;
	padding-left: 15px !important;
	margin-top: 0px !important;
	margin-left: 0px !important;
	}
	
	
	
	
	.introtext {
  	max-width: 90%;
	}
	
	
	.scale-up .cpb_column {
	grid-template-columns: auto;
	grid-column-gap: 0%;
	}
	
	.homedepot-sprite,.homedepot-sprite.slide,.staples-sprite.slide  {
	position: relative;
	width: 100% !important;
	}
	.walmart-sprite.slide,.homedepot-sprite.slide,.staples-sprite.slide {
	width: 100% !important;
	background-position:bottom center !important;
	}
	.industry-grid .cpb_column {
	width: 100% !important;
	margin-right: 0 !important;
	}
	
	.numberboxes {
	width: 80% !important;
	}
	
	#new-technology-customer-grid .dp-dfg-items {
	grid-template-columns: auto;
	}
	
	#zooming {
	height: 360px;
	}
	
	#timeline-image {
	height: 125px;
	width: 125px;
	font-size: 14px;
	line-height: 1.3;
	}
	
	#timeline-image p {
	font-size: 20px;
	}
	.scale-up .cpb_module {
	height: 500px;
	}
	
	.entry-content tr td,.entry-content tr th {
	padding: 6px 10px;
	font-size: 12px !important;
	line-height: 1.3 !important;
	
	}
	.download::before {
	width: 20px;
	height: 40px;
	margin-right: 5px;
	}
	
	
	.pid-15539 .hbspt-form form input[type="text"], .green-hs .hbspt-form form input[type="text"]{
	width: 30vw;
	}

	.pid-15539 .hbspt-form form input[type="email"], .green-hs .hbspt-form form input[type="email"]{
	width: 65vw;
	}

	.pid-15539 .hbspt-form form textarea,.green-hs .hbspt-form form textarea {
  	width: 65vw;
	}
	
	.button-column .cpb_button_module_wrapper,.button-column .translation {display:none;}
	
}



@media screen and (max-width:480px) {
	#ct_top_search {

    margin: 0px 0 0 0;

	}
	.cpb_slider .cpb_slide_0.cpb_slide .cpb_slide_description .cpb_slide_title,.cpb_slide_description h2.cpb_slide_title {
    font-size: 30px !important;
    line-height: 1.3 !important;
    word-wrap:normal;
	}
	.cpb_slider .cpb_container {
	height:auto !important;
	}
	

	.largetext {
	font-size:32px !important;
	line-height:33px;
	}
	
	
	
	.cd-timeline-content-liner {
    margin-top: -15px;
	}
	.cpb_title_container h1 {
    font-size: 30px !important;

	}
	#news .dp-dfg-custom-content {

	grid-template-columns:1fr 1fr;
	
	}
	
	.search-filter-items {
    grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
	}
	
	#partnergrid figure {
    height: 200px;
    }
    
    /* ELECTROLYZER */

	.post-7497 h1, .post-7497 h2,.post-10784 h1, .post-10784 h2 {
	font-size:30px !Important;
	line-height: 1.2;
	}

	.post-7497 .play-btn img,.post-10784 .play-btn img {
	max-width:50px;
	}
	.post-7497 .small-video,.post-10784 .small-video {
	padding-top:75px;
	}
	.pid-8789 h1 {
	
	font-size:60px !important;
	}
	.pid-8789 h2 {
	
	font-size:30px !important;
	}
	.pid-8789 .intro {
    margin-bottom: 0;
    font-size: 22px;
    padding-bottom:5px;
    }
    
    .pid-8789 p {
    font-size: 18px;
    line-height: 1.4;
	}
	
	.hero-text .hide-on-mobile {
	display:none;
	}
	
	
	#static-blurbs .cpb_blurb_content {
    grid-template-columns:auto;
    }
    #static-blurbs .cpb_main_blurb_image {
    width: 100% !important;
    }
    #static-blurbs .cpb_image_wrap {
    width: 100%;
	}
	h6 {
    font-size: 16px !important;
	}
	
	.features .cpb_text_inner {
	text-align:center;
	}
	
	#timeline-image {
	height: 100px;
	width: 100px;
	font-size: 14px;
	line-height: 1.3;
	}
	
	.sticky-nav {
	grid-column-gap:2em;
	}
	
	#zooming {
	height:230px;
	}
	#zooming p {
	font-size: 24px;
	line-height: 1.3em;
	max-width: 80%;
	}
	#platform {
	padding-bottom: 0vh !important;
	}
	
	
	.intro {
	margin-bottom: 0;
	font-size: 20px;
	}
	
	#verticaltabs {margin-bottom:30px;}
	#verticaltabs .cpb_slide_description {
    height: 50vw;
    }
    
    .two-buttons {
	grid-template-columns: auto;
  	grid-column-gap: 0px;grid-row-gap: 20px;}
  
  	.industryrow	{margin-bottom: 20px !important;}
  
  	.company-second-header {font-size:26px !important;}
  
  	.greenquote p {
    font-size: 2rem;
    line-height: 130%;
  	}
  	
  	.dp-dfg-layout-grid .dp-dfg-item {
    margin-bottom: 5em;
  	}
	
}

	

@media screen and (max-width:400px) {
	#singleblog .blogname {
    display:none;
	}
	

}

@media screen and (max-width:360px) {
	h1 {
	font-size:34px !important;
	line-height:36px;
	}
}