/***********GENERAL STYLES************/
p, li {
    font-family: "Swiss Light", sans-serif!important;
}
h2 {
	display: block !important;
	font-size: 42px !important;
	color: var(--report-h2-color);
}
.h2-no-margin h2 {
	margin: 0 !important;
}

li {padding-bottom: 10px;}
ul {padding-left: 18px !important;}
ul li::marker {color: var(--report-bullet-color);}
ol {padding-left: 18px;}
ol li::marker {font-weight:900;font-family: "Swiss Bold",sans-serif;}
.sec {
    padding-top:0;
    padding-bottom:0;
}
#content {margin-top: 0px!important;}

.min-height {
    min-height:150px;
}
.display-block h2 {
    display:block !Important;
}
.hero {
    display: none;
}

.meta-main {
    width: 100%;
}
.button-float-left {
    float:left;
}
.vc_col-sm-6 {
	width: 50% !important;
}
.share-bar {
	margin-top: 0 !important;
}

.orange {background-color: #e27000!important;}

.share-bar {
	display: none;
}

.vc_row .share-bar {
	display: block;
}


/***********GLOSSY REPORT HEADER************/
#glossy-report-header {
    min-height: 100vh!important;
}
#glossy-report-header.esg-report-fix-flaring {
    background: url(https://business.edf.org/files/flaring-report-hero-image-dark.jpg)!important;
    background-size: cover!important;
}
#glossy-report-header.esg-report-flaring-flatline {
    background: url(https://business.edf.org/files/Flaring-credit-Nick-Simonite.jpg)!important;
    background-size: cover!important;
}

#glossy-report-header.esg-report-investor-guide {
    background: url(https://business.edf.org/files/EPAmethanereg_Twitter.jpg)!important;
    background-size: cover!important;
}
.glossy-report-esg-back-btn a {
    background-image: none!important;
    text-transform: uppercase!important;
    padding-left: 35px!important;
}

.glossy-report-esg-back-btn a:hover {
    opacity: .8;
}

.glossy-report-esg-back-btn i {
    color: var(--report-accent-color);
    left: 0px!important;
}

#glossy-report-header h1 {
    margin-bottom: 20px!important;
    line-height: 1.125em!important;
	font-size: 68px !important;
	color: #fff !important;
	text-align: left !important;
	
}

#glossy-report-header .sub-head {
    font-family: "Swiss Light", sans-serif!important;
    max-width: 65%;
}

#glossy-report-header p a {
    color: #ffffff;
}
.glossy-report-btn a, .glossy-report-btn button  {
	background-color: var(--report-accent-color) !important;
    background-image: none!important;
    text-transform: uppercase!important;
	border-radius: 2em;
	color: var(--report-button-text-color) !important;
    margin-right: 15px!important;
	border: none !important;
}
.glossy-report-btn a:hover {
    opacity: .8;
}

/***********GLOSSY REPORT IMG STRETCH LEFT/RIGHT************/

.glossy-report-img-stretch-left .vc_column_container:nth-child(2) .vc_column-inner , .glossy-report-img-stretch-right .vc_column_container:nth-child(1) .vc_column-inner {
	padding: 150px 8vw 135px !important;
	
}
.vc_column_container>.vc_column-inner {
	background-size: cover !important;
}

/***********GLOSSY REPORT IMG RIGHT************/

.wpb_text_column li {
    padding-right: 50px;
}
.wpb_text_column p {
	margin-right: 50px;
}

#glossy-report-resources h2 {
	margin-bottom: 35px;
}

/***********GLOSSY REPORT COLORED COLUMNS************/
.esg-report-blue-column {
    background-color: #233571!important;
}

/***********GLOSSY REPORT TILED ROW HEADING************/
.tile-row-heading {
    padding-bottom: 55px!important;
    padding-top: 25px!important;
}

/***********GLOSSY REPORT ADDITIONAL RESOURCES************/
div#glossy-report-resources {
        padding-bottom: 75px!important;
        padding-bottom: 75px!important;
    }

/***********GLOSSY REPORT NESLETTER SIGNUP************/

#esg-newsletter h2 {
    width: 100%;
}


#esg-newsletter>.vc_column_container>.vc_column-inner .wpb_wrapper { 
	background-color: #f6f6f6 !important;
	padding:20px;
}
/***********GLOSSY REPORT TAGS/CATS************/
#tags-sec {
    margin-bottom:80px;
    margin-top:0 !important;
}
#tags-sec p, #tags-sec p a {
    font-size: 18px !important;
    color: #707070 !important;
    font-family: "Swiss Bold", sans-serif !important;
    font-weight:bold !important;
}
#tags-sec p a {
    font-weight:300 !important;
    
    font-family: "Swiss Light", sans-serif !important;
}
.meta-cats {
	margin-bottom:8px;
}
.meta-cats a {
    font-size: 18px !important;
    font-family: "Swiss Light", sans-serif !important;
   
}

/***********GLOSSY REPORT READ SHARE************/

#glossy-report-read-share img.vc_single_image-img.attachment-full {
    width: 400px;
}
#glossy-report-read-share, #glossy-report-read-share.glossy-template {
	background-color: var(--report-footer-color) !important;
	padding-top: 60px !important;
    padding-bottom: 60px !important;
}
#glossy-report-read-share p, #glossy-report-read-share h2 {
	color: var(--report-footer-text-color) !important;
}
#glossy-report-read-share p strong {
	color: var(--report-accent-color) !important;
}
#glossy-report-read-share .glossy-report-btn {
	margin-right: 12px;
}
#share-buttons, #custom-share-buttons {
    float:left;
}
#share-buttons a img, #custom-share-buttons a img {
	transition: all 0.3s ease;
}
#share-buttons a:hover img, #custom-share-buttons a:hover img {
	transform: scale(1.2);
	transition: all 0.3s ease;
}
.icons a {
    text-decoration: none;
    display: inline-block;
    height: 60px;
    padding: 6px 3px;
}
.icons a img {
    height:100% !important;
    width: 48px !important;
	max-height: 48px;
}
#linkedin-share, #twitter-share {
    margin-right: 5px;
}
#latest-articles {
    padding-top: 100px;
}



/* TABLET STYLES */
@media (max-width: 980px) {
	
	
	.glossy-report-img-stretch-left {
		display: grid !important;
		grid-template-areas: 'text' 'image';
	}
	.glossy-report-img-stretch-left .vc_column_container:nth-child(1) {
		grid-area: image;
		min-height: 300px;
	}
	.glossy-report-img-stretch-left .vc_column_container:nth-child(2) {
		grid-area: text;
	}
	#glossy-report-read-share .vc_row, #glossy-report-read-share.glossy-template {
		display: grid;
		grid-template-areas: 'read-image' 'read-text';
	}
	#glossy-report-read-share .vc_column_container:nth-child(1)  {
		grid-area: read-text;
	}
	#glossy-report-read-share .vc_column_container:nth-child(2)  {
		grid-area: read-image;
	}
	#glossy-report-read-share .wpb_single_image.vc_align_center {
		text-align: left !important;
	}
	
}
@media (min-width: 767px) and (max-width: 980px) {
    
    .glossy-report-img-right .wpb_column.vc_column_container.vc_col-sm-6 {
        width: 100%;
    }
    
        
    .glossy-report-img-stretch-left .wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill {
        width: 100%;
    }
    
    .glossy-report-img-stretch-left .wpb_column.vc_column_container.vc_col-sm-6 {
        width: 100%;
    }
    
    .glossy-report-img-stretch-left .vc_column-inner.vc_custom_1637010522097 {
     background-size: cover;
    }
    
    .glossy-report-img-stretch-left .vc_column-inner.vc_custom_1637092794830 {
        padding-top: 50px!important;
        padding-bottom: 30px!important;
    }
    .vc_col-sm-6 {
        width:100% !important;
}
.vc_column_container.large-padding-desktop>.vc_column-inner {
    padding-top:50px !important;
    padding-bottom:50px !important;
    padding-left:40px;
    padding-right:40px;
}

}

/* MOBILE STYLES */
@media (max-width: 768px){
.sec-i {
    display:block;
}
.vc_col-sm-6 {
	width: 100% !important;
}

}
@media (max-width: 766px) {
	.sec .sec-i {
		width: 100%;
		padding: 0 30px;	
	}
	h2 {
		font-size: 32px !important;
	}
	.vc_btn3.vc_btn3-size-lg {
		font-size: 14px;
	}
	.vc_row .vc_row {
		margin: 0 !important;
	}
	
    #glossy-report-header {
        align-content: center;
        padding: 0px!important;
    }

    #glossy-report-header h1 {
        font-size: 40px !important;
        line-height: 1.125em !important;
        margin-top: 5px;
        letter-spacing: -0.5px;
        max-width: 500px;
    }
    
    #glossy-report-header .sub-head {
        padding-right: 0px;
        max-width: 100%;
    }
    
    .vc_column-inner.vc_custom_1637095063150 {
        padding: 50px 35px 20px 35px!important;
    }
    
    .vc_column-inner.vc_custom_1637010090118 {
        background-size: cover;
    }
    
    div#glossy-report-resources {
        padding-bottom: 25px!important;
    }
    
    
    
    #glossy-report-header.row-regular>.vc_column_container>.vc_column-inner {
        padding: 0px 30px 25px 30px !important;
    }
    .row-regular li {
    	padding-right: 0px;
    }
	#glossy-report-resources.row-regular , .vc_row.row-regular, #esg-newsletter.row-regular, #glossy-report-read-share, .tile-row-heading {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
    #glossy-report-resources.row-regular>.vc_column_container>.vc_column-inner, .vc_row.row-regular>.vc_column_container>.vc_column-inner, #esg-newsletter.row-regular>.vc_column_container>.vc_column-inner, #glossy-report-read-share.row-regular>.vc_column_container>.vc_column-inner, .tile-row-heading.row-regular>.vc_column_container>.vc_column-inner {
		padding: 0 30px !important;
	}
	#glossy-report-read-share.glossy-template {
		padding: 25px 30px !important;
	}
   .glossy-report-img-stretch-left .vc_column_container:nth-child(2) .vc_column-inner , .glossy-report-img-stretch-right .vc_column_container:nth-child(1) .vc_column-inner {
	padding: 100px 30px 80px !important;
	
}
	#glossy-report-resources .wpb_column:first-child .wpb_text_column {
		margin-bottom: 0 !important;
	}
    
    #latest-articles {
        padding-top: 50px; padding-bottom: 60px;
    }
    .vc_column_container.large-padding-desktop>.vc_column-inner {
    padding-top:50px !important;
    padding-bottom:50px !important;
}
	
	#glossy-report-read-share .no-padding-mobile {
		padding: 0 !important;
	}
	.vc_column_container>.vc_column-inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
}