@import "/etc/designs/www/research-new/css/custom.css";

/* custom overrides */

.custom-50-50 .buttoncomponent a {
background:#ffc72c;   
color:#000; 
border-width:0px;
}



/* custom overrides end */




/* applying all changes to just the screen. So it doesn't affect the print version */
@media only screen{
.bep-dyamiclist-4column .dynamiclist .teaser-block .teaser-title{
text-align:center !important;
}

.bep-dyamiclist-4column .dynamiclist .list-style-teaser-grid .teaser-block{
width:225px;
}

.bep-dyamiclist-4column .dynamiclist .list-style-teaser-grid .teaser-image img{
margin:0 auto;
}

.articletools:before, .articletools:after{
background-image:none;
}

.articletools{
text-align:right;
}

/* possible fix for IOS cutting off text */
.buttoncomponent a{
  text-overflow:initial;
}  



/* tabs. decided to make these changes global for now */

ul.ubcms-tab-button-list-inner{
border-bottom:0 !important;

display:flex !important;
flex-wrap:wrap;
justify-content:center;    

}

.ubcms-tab-button-content.active{
background-color:#ffc72c !important;
border:1px solid #ffc72c !important;
}

.ubcms-tab-button-content.active a{
color:#000 !important;
}

.ubcms-tab-button-content{
/*margin:0 10px 0 0 !important;*/
margin:5px !important;
max-width:315px !important;
}

.ubcms-tab-button-content a{
padding:9px 25px !important;
font-weight: 500;
}

.ubcms-tab-button-list-inner {
padding:0px !important;
}

.ubcms-tabs > .ubcms-tabs-inner > .ubcms-tab-button-list{
text-align:center;
}

/*ul li.ubcms-tab-button-content.active{
background-color:#ffc72c !important;
border:1px solid #ffc72c !important;
}*/

/* end tabs */


/* news formatting */

.bep-list-style .teaser-block .teaser-title,
.bep-list-style .list-style-teaser-grid-story .teaser.teaser-block .teaser-content .teaser-title, 
.bep-list-style .list-style-teaser-grid-story .teaser.teaser-block .teaser-content .teaser-title>*:not(.linkhint-icon)
            {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
color: #005bbb;
font-weight: 500;
}

.bep-list-style .a {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
color: #005bbb;
font-weight: 500;
}

.bep-list-style .list-style-teaser-grid .teaser-block a:hover .teaser-title>*,
.bep-list-style .list-style-teaser-grid .teaser-block .teaser-title a:hover,
.bep-list-style .list-style-teaser-grid .facesvoicespage .teaser-block a.teaser-inner:hover .teaser-title>*,
.bep-list-style .list-style-teaser-grid-story .teaser.teaser-block a.teaser-inner:hover .teaser-content .teaser-title>*
{
    border-bottom-color:#005bbb;
}

/* end news formatting */


.taglinewrapper{
position: absolute;
right: 0;
top:45px;
width: 580px;
height: 36px;
text-align: right;
font-weight: 500;
text-transform:uppercase;
letter-spacing: 1px;
font-size: 30px;
line-height: 28px;
}

.bep-hero {
background-color:#002f56;
margin:0px auto;
padding:20px 0; /* right and left margin set to zero for home page hero centering -- iphone 6/7/8 */
}    

.bep-hero .title h2 {
font-size: 60px;
line-height: 60px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5rem;
color: #ffffff;
}

.bep-hero .title h3 {
font-size: 34px !important;
font-weight: 500;
line-height: 28px;
color:#F5C42C;
margin-right:20px;
}


/* REMOVE WHITE SPACE AT THE BOTTOM OF THE PAGE */

.page #columns.one-column #center {
margin: 0 0 0px;
padding: 2px 0 0px;
}

div#center {
margin:0px;
}

/* END REMOVE WHITE SPACE AT THE BOTTOM OF THE PAGE */



/* FULL-WIDTH BACKGROUND -- DIFFERENT COLORS */
.background-harriman-blue{
	background-color: #002f56;
}

.fullbackgroundbar{
  position: relative; /* for child pseudo-element */
  z-index: 0;
  margin: 0 -600rem;
  /* add back negative margin value */
  padding: 0rem 600rem;
  background-color: #002f56;        
}
.fullbackground:before {
  content: "";
  position: absolute;
  z-index: -1; /* behind parent */
  top: 0;
  bottom: 0;
  left: 600rem;
  right: 600rem; 
}

.fullbackground-blue {
background-color: #002f56;
width: 100vw;
left: calc(50% - 50vw); 
position: relative;
margin-top:0px;
}      

.fullbackground-green {
background-color: #6ca14c;
width: 100vw;
left: calc(50% - 50vw);
position: relative;
margin-top:0px;
}

.fullbackground-gray {
background-color: #E2E4E5;
width: 100vw;
left: calc(50% - 50vw);
position: relative;
margin-bottom:-20px; /* Added to remove white band between Faces and Voices and section above it on i-corps.html page */
}

.fullbackgroundgray .centeredcontent{
text-align:center;
}    


.fullbackground-white {
background-color: #ffffff;
/*	left: calc(50% - 50vw); */
position: relative;
margin-top:0px;
}     


/* Blue hyperlinks on white background */

.fullbackground-white a {
color: #005bbb !important; 
}

/* END Blue hyperlinks on white background */




/* SLIDE DECK FOR NEWS-EVENTS PAGE */

.slidedeck2h .slide .teaser-images img {
/*    display: inherit; */
display:block;
margin:0 auto 0 auto;
}

/* END SLIDE DECK FOR NEWS-EVENTS PAGE */






.centeredbody{
color:#ffffff;
position: relative;
margin: 0px auto;
overflow: hidden;
width: 960px;
}

.centeredtext{
text-align:center;
}

.lefttext{
text-align:left;
}

/* END FULL-WIDTH BACKGROUND -- DIFFERENT COLORS */





/* ************** TWO COLUMNS - 6-6 -- ALL BACKGROUND COLORS ************* */

/* Image On Right */

.bep-two-columns-6-6-image-right .parsys div.cq-colctrl-6-6-c0 {
width:500px;
margin:0px;
padding:0px 0px 0px 0px;
};

.bep-two-columns-6-6-image-right .parsys div.cq-colctrl-6-6-c1 {
/*    width:470px;  */
margin:0px;
padding:0px 0px;
};

/* image widths */
.bep-right-image img {
width:auto;
height:100%;    
}

.bep-right-image .image.border-hide,.bep-left-image .image.border-hide{
padding:0;
}    

.bep-left-image img {
width:479px;
height:100%;
}                

/* Image on Left */

.bep-two-columns-6-6-image-left .parsys div.cq-colctrl-6-6-c0 {
width:480px;
margin:0px;
padding:0px 0px 0px 0px;
}

.bep-two-columns-6-6-image-left .parsys div.cq-colctrl-6-6-c1 {
width:420px;
margin:0px 0px 0px 20px; 
padding:0px 0px 0px 10px;
}


/* LEFT BLOCK- GRAY - 2 COLUMNS - 6-6 */

/*left block background color - gray */

.bep-left-block-gray {
background-color: #e4e4e4;
/*	padding:0px 30px; */
}

.bep-left-block-gray .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 15px;  
}         

.bep-left-block-gray .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
text-transform: uppercase;
color: #ffffff;
font-family: Sofia,Arial,sans-serif;        
}

.bep-left-block-gray a {
font-size:15px;
text-transform: none;  
}

.bep-left-block-gray .page .columns-bg {
width:200px;
}


.bep-left-block-gray .parsys div.cq-colctrl-6-6-c0 {
padding-top: 30px;
}


/* END LEFT BLOCK- GRAY - 2 COLUMNS - 6-6 */





/* LEFT BLOCK- GREEN - 2 COLUMNS - 6-6 */

/*left block background color - green */

.bep-left-block-green {
background-color: #6ca14c;
/*    padding:0px 30px; */
}

.bep-left-block-green .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 15px;  
}         

.bep-left-block-green .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
text-transform: uppercase;
color: #ffffff;
font: Sofia,Arial,sans-serif;        
}

.bep-left-block-green a {
font-size:15px;
color:#ffffff;
text-transform: uppercase;  
}

.bep-left-block-green .page .columns-bg {
width:200px;
}

/* END LEFT BLOCK- GREEN - 2 COLUMNS - 6-6 */





/* RIGHT BLOCK- BLUE - 2 COLUMNS - 6-6 */

/*right block background color - blue -- 002f56 */

.bep-right-block-blue {
background-color: #002f56;
/*    padding:0px 30px 0 0; */
}

.bep-right-block-blue .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
}         

.bep-right-block-blue .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
text-transform: uppercase;
color: #ffffff;
font-family: Sofia,Arial,sans-serif;        
}

.bep-right-block-blue a {
font-size:15px;
text-transform: uppercase;  
}

.bep-right-block-blue .page .columns-bg {
width:200px;
}

.bep-two-columns-6-6 img.img-447,.bep-two-columns-6-6-image-left img.img-447, .bep-two-columns-6-6-image-right img.img-447 {
width: 479px;
/* Added to equalize the width of the columns */
}

/* ************* END TWO COLUMNS - 6-6 -- ALL BACKGROUND COLORS  ************ */



/* BEP-THREE-COLUMNS-GRAY-BACKGROUND - 4-4-4 */

/*three-columns-gray-background -- gray - #E2E4E5 */

.bep-three-columns-gray-background {
padding:20px 10px 20px 30px;
background-color: #E2E4E5;
}

.bep-three-columns-gray-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-size: 19px;
text-align:center;
text-transform:none;
font-family: Sofia,Arial,sans-serif;
}         

.bep-three-columns-gray-background .title h1 {
font-size: 32px;
text-align:center;
text-transform: uppercase;
color: #005bbb;
padding:10px 0px 0px 0px;
font-family: Sofia,Arial,sans-serif;
font-weight:bold;
}

.bep-three-columns-gray-background .title h2 {
font-size: 18px;
line-height: 28px;
text-align:left;
text-transform: none;
color: #ffffff;        
font-family: Sofia,Arial,sans-serif;
}

.bep-three-columns-cross-sellm .title h2 {
font-size: 18px;
line-height: 28px;
text-align:left;
text-transform: none;
color: #005bbb;
font-family: Sofia,Arial,sans-serif;
}

.bep-three-columns-gray-background .title h4 {
font-size: 19px;
text-align:center;
color: #666666;
font-family: Sofia,Arial,sans-serif;
text-transform:none;
}


.bep-three-columns-gray-background a {
font-size:15px;
text-transform: uppercase;
text-align:center;
}

.bep-three-columns-gray-background .page .columns-bg .columns-bg-4 {
background-color:#e2e4e5 !important;
}


.bep-three-columns-gray-background p {
padding:10px;
color:#000000 !important;
}


/* Headline background colors (dark blue, light blue, green) */

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c0 .title h2 { 
background-color:inherit;
}

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c1 .title h2 { 
background-color:inherit;
}

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c2 .title h2 { 
background-color:inherit;
}


/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c0 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c1 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c2 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* image widths */
.bep-three-columns-gray-background .img-219 {
width: 266px;
}

/* END THREE COLUMNS GRAY BACKGROUND */


/* NEWS AND EVENTS SECTION */


.bep-news-events-blue {
background-color: #002f56;
width: 100vw;
left: calc(50% - 50vw);
position: relative;
margin: 0px auto;
}


/*
.bep-news-events-blue:before{
   background-color:#002f56;
    z-index: 1;
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
    top:0;
bottom:0;
content:"";
}*/


/* END - NEWS AND EVENTS SECTION */





/* BEP-THREE-COLUMNS-GRAY-BACKGROUND-OFFSET-TITLE - 4-4-4 */

/*three-columns-gray-background -- gray - #E2E4E5 */

.bep-three-columns-gray-background-offset-title .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#666666;
font-size: 15px;
text-align:left;
text-transform:none;
font-family: Sofia,Arial,sans-serif;
}         

.bep-three-columns-gray-background-offset-title .title h1 {
font-size: 32px;
text-align:center;
text-transform: uppercase;
color: #005bbb;
padding:10px 0px 0px 0px;
margin:20px 30px 0 -10px;
font-family: Sofia,Arial,sans-serif;
font-weight:bold;
}

.bep-three-columns-gray-background-offset-title .title h2 {
font-size: 18px;
line-height: 28px;
text-align:left;
text-transform: uppercase;
color: #ffffff;        
padding:10px 10px 10px 30px;
margin:20px 30px 0 -20px;
font-family: Sofia,Arial,sans-serif;
}

.bep-three-columns-gray-background-offset-title .title h4 {
font-size: 19px;
text-align:center;
color: #666666;
padding:10px 10px 10px 30px;
margin:20px 30px 0 -10px;
font-family: Sofia,Arial,sans-serif;
}


.bep-three-columns-gray-background-offset-title a {
font-size:15px;
text-transform: uppercase;
text-align:center;
}

.bep-three-columns-gray-background-offset-title .page .columns-bg .columns-bg-4 {
background-color:#e2e4e5 !important;
}


.bep-three-columns-gray-background-offset-title p {
padding:10px;
color:#000000 !important;
}


/* Headline background colors (dark blue, light blue, green) */

.bep-three-columns-gray-background-offset-title parsys div.cq-colctrl-4-4-4-c0 .title h2 { 
background-color:#005bbb;
}

.bep-three-columns-gray-background-offset-title div.cq-colctrl-4-4-4-c1 .title h2 { 
background-color:#2a9ecf;
}

.bep-three-columns-gray-background-offset-title div.cq-colctrl-4-4-4-c2 .title h2 { 
background-color:#6ca14c;
}


/* column widths */
.bep-three-columns-gray-background-offset-title parsys div.cq-colctrl-4-4-4-c0 {
width:250px;
margin:0px 0px 0px 50px;
padding: 0px 13px 0px 0px;
background-color: #ff0000;
}

/* column widths */
.bep-three-columns-gray-background-offset-title parsys div.cq-colctrl-4-4-4-c1 {
width:250px;
margin:0px 0px 0px 50px;
padding: 0px 13px 0px 0px;
background-color: #ffffff;
}

/* column widths */
.bep-three-columns-gray-background-offset-title parsys div.cq-colctrl-4-4-4-c2 {
width:250px;
margin:0px 0px 0px 50px;
padding: 0px 13px 0px 0px;
background-color: #ffffff;
}

/* image widths */
.bep-three-columns-gray-background-offset-title .img-219 {
width: 200 px;
}

/* END THREE COLUMNS GRAY BACKGROUND OFFSET TITLE*/


/* HIDE BLUE DIVIDER LINE ON TEAMS PAGE */

.ubcms-tab-panel-list {
border-bottom: 0px solid #005bbb !important;
}

/* END HIDE BLUE DIVIDER LINE ON TEAMS PAGE */



/* BEP-THREE-COLUMNS-GRAY-BACKGROUND - 4-4-4 */

/*three-columns-gray-background -- gray - #E2E4E5 */

.bep-three-columns-gray-background {
padding:20px 10px 20px 30px;
background-color: #E2E4E5;
}

.bep-three-columns-gray-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-size: 19px;
text-align:center;
text-transform:none;
font-family: Sofia,Arial,sans-serif;
}         

.bep-three-columns-gray-background .title h1 {
font-size: 32px;
text-align:center;
text-transform: uppercase;
color: #005bbb;
padding:10px 0px 0px 0px;
font-family: Sofia,Arial,sans-serif;
font-weight:bold;
}

.bep-three-columns-gray-background .title h2 {
font-size: 18px;
line-height: 28px;
text-align:left;
text-transform: none;
color: #ffffff;        
font-family: Sofia,Arial,sans-serif;
}

.bep-three-columns-cross-sell .title h2 {
font-size: 18px;
line-height: 28px;
text-align:left;
text-transform: none;
color: #005bbb;
font-family: Sofia,Arial,sans-serif;
}

.bep-three-columns-gray-background .title h4 {
font-size: 19px;
text-align:center;
color: #666666;
font-family: Sofia,Arial,sans-serif;
text-transform:none;
}


.bep-three-columns-gray-background a {
font-size:15px;
text-transform: uppercase;
text-align:center;
}

.bep-three-columns-gray-background .page .columns-bg .columns-bg-4 {
background-color:#e2e4e5 !important;
}


.bep-three-columns-gray-background p {
padding:10px;
color:#000000 !important;
}


/* Headline background colors (dark blue, light blue, green) */

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c0 .title h2 { 
background-color:inherit;
}

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c1 .title h2 { 
background-color:inherit;
}

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c2 .title h2 { 
background-color:inherit;
}


/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c0 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c1 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c2 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* image widths */
.bep-three-columns-gray-background .img-219 {
width: 266px;
}


/* END THREE COLUMNS GRAY BACKGROUND */


/* SIX COLUMNS    SHOULD BE OK TO DELETE */

.parsys div.parsys_column .cq-colctrl-2-2-2-2-2-2-c0, .cq-colctrl-2-2-2-2-2-2-c1, .cq-colctrl-2-2-2-2-2-2-c2, .cq-colctrl-2-2-2-2-2-2-c3, .cq-colctrl-2-2-2-2-2-2-c4, .cq-colctrl-2-2-2-2-2-2-c5 {
}

/* END SIX COLUMNS */




/* bep-new-offset-title-3COL-gray-background - 4-4-4 */

/*three-columns-gray-background -- gray - #E2E4E5 */

.bep-new-offset-title-3COL-gray-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#666666;
font-size: 15px;
text-align:left;
text-transform:none;
font-family: Sofia,Arial,sans-serif;
}         

.bep-new-offset-title-3COL-gray-background .title h1 {
font-size: 32px;
text-align:center;
text-transform: uppercase;
color: #005bbb;
padding:10px 0px 0px 0px;
margin:20px 30px 0 -10px;
font-family: Sofia,Arial,sans-serif;
font-weight:bold;
}

.bep-new-offset-title-3COL-gray-background .title h2 {
font-size: 18px;
line-height: 28px;
text-align:left;
text-transform: uppercase;
color: #ffffff;        
}

.bep-new-offset-title-3COL-gray-background .title h4 {
font-size: 19px;
text-align:center;
color: #666666;
padding:10px 10px 10px 30px;
margin:20px 30px 0 -10px;
font-family: Sofia,Arial,sans-serif;
}


.bep-new-offset-title-3COL-gray-background a {
font-size:15px;
text-transform: uppercase;
text-align:center;
}

.bep-new-offset-title-3COL-gray-background .page .columns-bg .columns-bg-4 {
background-color:#e2e4e5 !important;
}


.bep-new-offset-title-3COL-gray-background p {
padding:10px;
color:#000000 !important;
}


/* Headline background colors (dark blue, light blue, green) */

.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c0 .title h2 { 
background-color:#005bbb;
margin:20px 30px 0 -20px;
padding:10px 0px 10px 20px;
font-family: Sofia,Arial,sans-serif;
}

.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c1 .title h2 { 
background-color:#2a9ecf;
margin:20px 30px 0 -20px;
padding:10px 0px 10px 20px;
font-family: Sofia,Arial,sans-serif;
}

.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c2 .title h2 { 
margin:20px 30px 0 -20px;
padding:10px 0px 10px 20px;
font-family: Sofia,Arial,sans-serif;
background-color:#6ca14c;
}


/* column widths */
.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c0 {
width:250px;
margin:0px 0px 0px 40px;
padding: 0px;
background-color: #ffffff;
width: 280px;
}

/* column widths */
.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c1 {
width:250px;
margin:0px 0px 0px 40px;
padding: 0px;
background-color: #ffffff;
width: 280px;
}

/* column widths */
.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c2 {
width:250px;
margin:0px 0px 0px 40px;
padding: 0px;
background-color: #ffffff;
width: 280px;
}

img.img-300 {
width: 280px;
margin: -1px;
}


/* END bep-new-offset-title-3COL-gray-background */






/* BEP-SHARED-CONTENT-3COL-GRAY-BACKGROUND - 4-4-4 */

/*three-columns-gray-background -- gray - #E2E4E5 */

.bep-shared-content-3col-gray-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#666666;
font-size: 15px;
text-align:left;
text-transform:none;
font-family: Sofia,Arial,sans-serif;
}         

.bep-shared-content-3col-gray-background .title h1 {
font-size: 32px;
text-align:center;
text-transform: uppercase;
color: #005bbb;
padding:10px 0px 0px 0px;
margin:20px 30px 0 -10px;
font-family: Sofia,Arial,sans-serif;
font-weight:bold;
}

.bep-shared-content-3col-gray-background .title h2 {
font-size: 18px;
line-height: 28px;
text-align:left;
text-transform: uppercase;
color: #ffffff;        
}

.bep-shared-content-3col-gray-background .title h4 {
font-size: 19px;
text-align:center;
color: #666666;
padding:10px 10px 10px 30px;
margin:20px 30px 0 -10px;
font-family: Sofia,Arial,sans-serif;
}


.bep-shared-content-3col-gray-background h2 a {
font-size:18px;
text-transform: uppercase;
text-align:center;
color:#ffffff !important;
}

.bep-shared-content-3col-gray-background img.img-292 {
height:auto;
width: auto;            
}

.bep-shared-content-3col-gray-background .page .columns-bg .columns-bg-4 {
background-color:#e2e4e5 !important;
}


.bep-shared-content-3col-gray-background p {
padding:10px;
color:#000000 !important;
}

.bep-shared-content-3col-gray-background .calltoaction-style-large:before {
margin-left:10px;
}

/* Headline background colors (dark blue, light blue, green) */

.bep-shared-content-3col-gray-background div.cq-colctrl-4-4-4-c0 .title h2 { 
background-color:#005bbb;
margin:20px 30px 0 -20px;
padding:10px 0px 10px 20px;
font-family: Sofia,Arial,sans-serif;
}

.bep-shared-content-3col-gray-background div.cq-colctrl-4-4-4-c1 .title h2 { 
background-color:#2a9ecf;
margin:20px 30px 0 -20px;
padding:10px 0px 10px 20px;
font-family: Sofia,Arial,sans-serif;
}

.bep-shared-content-3col-gray-background div.cq-colctrl-4-4-4-c2 .title h2 { 
margin:20px 30px 0 -20px;
padding:10px 0px 10px 20px;
font-family: Sofia,Arial,sans-serif;
background-color:#6ca14c;
}


/* INDENT LEARN MORE ICON AND TEXT ON THREE COLUMN SHARED CONTENT ITEMS*/


.bep-shared-content-3col-gray-background a {
margin-left:10px;
}

/* END INDENT LEARN MORE ICON AND TEXT */





/* column widths */
.bep-shared-content-3col-gray-background div.cq-colctrl-4-4-4-c0 {
margin:0px 0px 0px 20px;
padding: 0px;
background-color: #ffffff;
width: 280px;
}

/* column widths */
.bep-shared-content-3col-gray-background div.cq-colctrl-4-4-4-c1 {
margin:0px 0px 0px 30px;
padding: 0px;
background-color: #ffffff;
width: 280px;
}

/* column widths */
.bep-shared-content-3col-gray-background div.cq-colctrl-4-4-4-c2 {
margin:0px 0px 0px 30px;
padding: 0px;
background-color: #ffffff;
width: 280px;
}

.bep-shared-content-3col-gray-background img.img-292 {
/* width: 292px;  --  changed for license-technology.html page */
width:100%;
max-width:280px;
margin: -1px;
}

.bep-shared-content-3col-gray-background .calltoaction .calltoaction-style-large {
padding: 0 0px 0 35px !important;
}



/* END BEP-SHARED-CONTENT-3COL-GRAY-BACKGROUND - 4-4-4 */










/* ******************  ALL COLORS 2 columns - 9-3 and 3-9 **************** */

/* WHITE BACKGROUND - 2 COLUMNS - 3-9 */

/*white background color - ffffff */

.bep-white-block {
background-color: #ffffff;
padding:0px 0px;
}

.bep-white-block .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#005bbb;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
}         

.bep-white-block .title h2 {
font-size: 24px;
text-align:left;
text-transform: uppercase;
color: #005bbb;
font-family: Sofia,Arial,sans-serif;        
}

.bep-white-block a {
font-size:15px;
text-transform: none;  
}

.bep-white-block .page .columns-bg {
width:200px;
}

/*white background color columns */

.bep-white-block .parsys_column.cq-colctrl-3-9-c0 {
background-color: inherit;
padding:0px 0px 0px 0px;
width: 140px;
height: 140px;
margin:0 0 0 10px;
}

.bep-white-block .parsys_column.cq-colctrl-3-9-c1 {
background-color: inherit;
padding:0px;
margin:0 0 0 10px;
width:640px;
border-left-style:solid;
border-width: 1px;
border-color:black;
}     


.bep-white-block .parsys_column.cq-colctrl-3-9-c1 .list ul.link-list li {
margin: 0 0 0 10px;
}                 



/* LEFT BLOCK- GREEN - 2 COLUMNS - 9-3 */

/* right image width */
.bep-left-block-green-9-3 .img-300 {
width: 300px;
border: 0px;        
}


/* column widths */
.bep-left-block-green-9-3 .parsys div.cq-colctrl-9-3-c0 {
width: 600px;
padding: 0px;
margin:0px 30px 0px 0px;        
}

.bep-left-block-green-9-3 .parsys div.cq-colctrl-9-3-c1 {
width: 300px;
padding: 0px;
margin:0px 30px 0px 0px;
}


/*left block background color - green */

.bep-left-block-green-9-3 div.cq-colctrl-9-3-c0 {
background-color: inherit;
padding:12px 30px 11px 20px;
margin:0px;
}

.bep-left-block-green-9-3 div.cq-colctrl-9-3-c1 {
background-color: inherit;
padding:0px;
margin:0px;
}     


/* text modifications */

.bep-left-block-green-9-3 .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 19px;  
}         

.bep-left-block-green-9-3 .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
text-transform: uppercase;
color: #ffffff;
font-family: Sofia,Arial,sans-serif;        
}

.bep-left-block-green-9-3 a {
font-size:15px;
text-transform: uppercase;  
}

.bep-left-block-green-9-3 .page .columns-bg {
width:10px;
}


/* END LEFT BLOCK- GREEN - 2 COLUMNS - 9-3 */





/* RIGHT BLOCK- BLUE - 2 COLUMNS - 3-9 */

/* left image width */
.bep-right-block-blue-3-9 .img-209 {
width: 300px;
padding: 0px;
margin:0px 0px 0px 0px; 
}


/* column widths */
/*
.parsys div.cq-colctrl-3-9-c1 {
width: 600px;
padding: 0px;
margin:0px 0px 0px 30px;
}

.parsys div.cq-colctrl-3-9-c0 {
width: 300px;
padding: 0px;
margin:0px 0px 0px 0px;
}
*/

/*left block background color - blue */

.bep-right-block-blue-3-9 div.cq-colctrl-3-9-c0 {
background-color: inherit;
padding:0px 20px 0px 30px;
margin:0px;
}     

.bep-right-block-blue-3-9 div.cq-colctrl-3-9-c1 {
background-color: inherit; 
padding:0px;
margin:0px;
}


/* text modifications */

.bep-right-block-blue-3-9 .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 19px;  
}         

.bep-right-block-blue-3-9 .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
text-transform: uppercase;
color: #ffffff;
font-family: Sofia,Arial,sans-serif;        
}

.bep-right-block-blue-3-9 a {
font-size:15px;
text-transform: uppercase;  
}

.bep-right-block-blue-3-9 .page .columns-bg {
width:10px;
}


/* END RIGHT BLOCK- BLUE - 2 COLUMNS - 3-9 */





/* LEFT BLOCK BLUE - 2 COLUMNS - 9 - 3 */

/*left block background color - blue */

.bep-left-block-blue-9-3 div.cq-colctrl-9-3-c0 {
background-color: inherit;
padding:12px 30px 11px 0px;
margin:0px;
width:460px;
}

.bep-left-block-blue-9-3 div.cq-colctrl-9-3-c1 {
background-color: #ffc72c; /* yellow */
padding:15px 30px 45px 30px;
margin:0px;
width:400px;
/*    position:absolute; */  /* -- removed to fix right side getting cut off on "Big.html" page  */
/*    margin-left:500px; */  /* -- removed to fix right side getting cut off on "Big.html" page  */
}     


/* text modifications */

.bep-left-block-blue-9-3 .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 15px;  
}         

.bep-left-block-blue-9-3 .title h1 {
font-size: 32px;
line-height: 42px;
text-align:left;
text-transform: none;
color: #ffc72c; /* yellow */
font-family: Sofia,Arial,sans-serif;
font-weight:bold;        
}

.bep-left-block-blue-9-3 .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
text-transform: uppercase;
color: #ffffff;
font-family: Sofia,Arial,sans-serif;        
}

.bep-left-block-blue-9-3 .title h3 {
font-size: 20px;
line-height: 42px;
text-align:left;
text-transform: uppercase;
color: #002f56; /*blue*/
font-family: Sofia,Arial,sans-serif;        
}

.bep-left-block-blue-9-3 .title h4 {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
color: #ffffff; /* White */            
text-align:left;
text-transform: uppercase;
line-height: 100%;    
}

.bep-left-block-blue-9-3 a {
font-size:15px;
text-transform: uppercase;  
}

.bep-left-block-blue-9-3 .page .columns-bg {
width:10px;
}


/* END LEFT BLOCK- BLUE - 2 COLUMNS - 9-3 */


/* ******************  END ALL COLORS 2 columns - 9-3 and 3-9 **************** */






/* BEP-FULL-WIDTH TEXT BOX */

.bep-full-width-text-box h1 {
font-family: Sofia,Arial,sans-serif;
font-size: 32px;
color:#005bbb; /* UB Blue */
text-align:center;
}


.bep-full-width-text-box .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#000;
font-family: Sofia,Arial,sans-serif;
font-size: 19px;  
text-align:center;            
}

.bep-full-width-text-box .buttoncomponent a {
background: #FFC72C;
text-align:center;
font-size: 24px;
text-transform: uppercase;
}

.bep-full-width-text-box .buttoncomponent {
text-align:center;
width: 100%
}

/* END BEP FULL-WIDTH TEXT BOX */



/* BEP PARTNERS PAGES */

.bep-partners {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
line-height:28px;
color: #666666; /* Townsend Gray */
text-align:center;
margin:0;
}

.bep-partners .title h1 {
font-family: Sofia,Arial,sans-serif;
font-size: 32px;
color:#005bbb; /* UB Blue */
font-weight:bold;
text-align:center;
}

.bep-partners .title h2 {
font-family: Sofia,Arial,sans-serif;
font-size: 32px;
color:#005bbb; /* UB Blue */
font-weight:bold;
text-align:center;
}

.bep-partners .title h3 {
font-family: Sofia,Arial,sans-serif;
font-size: 24px;
color:#005bbb; /* UB Blue */
font-weight:bold;    
}

.bep-partners .title h4 {
font-family: Sofia,Arial,sans-serif;
font-size: 20px;
color:#005bbb; /* UB Blue */
font-weight:bold;    
}

.bep-partners .title h5 {
font-family: Sofia,Arial,sans-serif;
font-size: 16px;
color: #666666; /* Townsend Gray */            
text-align:center;
text-transform: none;
line-height: 100%;    
}

.bep-partners li {
font-family: Sofia,Arial,sans-serif;
font-size: 14px;
color: #000000;            
text-align:left;
text-transform: none;
line-height: 100%;
}

.bep-partners a {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
color: #005bbb;            
line-height: 100%;
}

.bep-partners .buttoncomponent a {
font-weight: 500;
}


/* Hide company names beneath logo carousel */

.collectioncarousel .teaser-block .teaser-title {
display: none;
padding-right:10px;            
}
/* END Hide company names beneath logo carousel */


/* END BEP PARTNERS PAGES */


.bep-case-back-white .title h1 {
color: #005bbb; /* Blue */ 
}

.bep-case {
font-family: Sofia,Arial,sans-serif;
padding:15px 0px 0px 0px;
}

.bep-case .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
text-transform: none;
}

.bep-case .title h2 {
font-size: 32px;
line-height: 1em;
text-align:left;
font-weight:bold;
padding:0px;
margin:0px 0px 10px 0px;
font-family: Sofia,Arial,sans-serif;
color:#ffffff;
}

.bep-case .title h3 {
font-size: 24px;
line-height: 1em;
color:#ffffff;
font-weight:bold; 
text-transform:none;
}

.bep-case .title h4 {
font-size: 15px;
font-weight:bold;
color:#ffffff;
text-align:left;
text-transform:uppercase;
line-height: 100%;
padding:0px;    
margin:0px 0px 10px 0px;
}

.bep-case .title h5 {
font-size: 15px;
color: #666666; /* Townsend Gray */  
text-align:center;
text-transform: none;
line-height: 100%;    
}

/* BEP ICONS */

.bep-icons {
font-size: 15px;
text-align: center;
    }

.bep-icons .title h1 {
font-size: 32px;
margin:0px 10px;
}

.bep-icons .title h2 {
font-size: 24px;
}

.bep-icons .title h3 {
font-size: 15px;
font-weight: normal;
color: #666666;
text-align: center;
text-transform: none;
line-height: 100%;
}

/* END BEP ICONS */


/* BEP-Case-Blue-Background | Blue Background components ONLY  */

.bep-case-blue-background {
font-family: Sofia,Arial,sans-serif;
margin-top:30px;
margin-left:30px;
width:447px; /* Added to equalize width of left and right columns */
}

.bep-case-blue-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
text-transform: none;
}

.bep-case-blue-background .title h2 {
font-family: Sofia,Arial,sans-serif;
font-size: 24px;
line-height: 28px;
color:#ffffff; 
text-transform:none;
font-weight:bold;
margin-top:-10px;
}

.bep-case-blue-background .title h3 {
font-family: Sofia,Arial,sans-serif;
font-size: 24px;
line-height: 28px;
color:#ffffff;
text-transform:none;
font-weight:bold;    
}

.bep-case-blue-background .title h4 {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
color:#ffffff; 
font-weight:bold;
text-transform: uppercase;
}

.bep-case-blue-background .teaser-title {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
text-transform: none;
}

.bep-case-blue-background .teaser.teaser-inline.calltoaction-style-small::before {
color:#ffffff;
}

.bep-case-blue-background a {
font-size: 15px;
color: #ffc72c;  
text-transform: none;
}


/* BEP-Case-Gray-Background | Gray Background components ONLY  */

.bep-case-gray-background {
font-family: Sofia,Arial,sans-serif;
margin-top:0px;
/*    padding-left:20px; */
}

.bep-case-gray-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#000000;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
text-transform: none;
}

.bep-case-gray-background .title h1 {
font-family: Sofia,Arial,sans-serif;
font-size: 32px;
color:#005bbb; 
font-weight:bold;
margin-top:-15px;

}

.bep-case-gray-background .title h2 {
font-family: Sofia,Arial,sans-serif;
font-size: 24px;
color:#005bbb;
font-weight:bold;    
}

.bep-case-gray-background .title h3 {
font-family: Sofia,Arial,sans-serif;
font-size: 24px;
line-height: 28px;
color:#005bbb;
font-weight:bold;    
}

.bep-case-gray-background .title h4 {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
color:#000000; 
font-weight:bold;
text-transform: uppercase;
}


/* BEP-Case-Green-Background | Green Background components ONLY  */

.bep-case-green-background {
font-family: Sofia,Arial,sans-serif;
margin:30px 0 0 20px;
/*    padding-left:20px;  */
}

.bep-case-green-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
text-transform: none;
}

.bep-case-green-background .title h2 {
font-family: Sofia,Arial,sans-serif;
font-size: 24px;
line-height: 28px;
color:#ffffff; 
text-transform: none;
font-weight:bold;
margin-top:-10px;
}

.bep-case-green-background .title h3 {
font-family: Sofia,Arial,sans-serif;
font-size: 24px;
line-height: 28px;
color:#ffffff;
text-transform: none;
font-weight:bold;
}

.bep-case-green-background .title h4 {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
color:#ffffff; 
font-weight:bold;
text-transform: uppercase;
}

.bep-case-green-background .teaser-title {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
text-transform: none;
}

.bep-case-green-background .teaser.teaser-inline.calltoaction-style-small::before {
color:#ffffff;
}

.bep-case-green-background a {
font-size: 15px;
color: #ffffff;  
text-transform: none;
}

.bep-case-green-background .text ul>li {
color:#ffffff;
}

.bep-case-green-background .text ul>li:before {
color:#ffffff;
}


/* END BEP CASE PAGES DEB O */

.bep-case-green-hyperlinks a {
font-size: 15px;
color: #ffffff;  
text-transform: none;
text-decoration-line: underline;

}


/* BEP PROGRAM PAGES DEB O */


.bep-program {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
line-height:20px;
color: #ffffff; /* White */  
}

.bep-program .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#000000;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
text-transform: none;
}

.bep-program h1 {
font-family: Sofia,Arial,sans-serif;
font-size: 32px;
color: #005bbb; /* Blue */  
font-weight:bold;
}

.bep-program h2 {
font-family: Sofia,Arial,sans-serif;
font-size: 32px;
color: #005bbb; /* Blue */  
font-weight:bold;
}

.bep-program h3 {
font-family: Sofia,Arial,sans-serif;
font-size: 24px;
color: #005bbb; /* Blue */  
font-weight:bold;    
}

.bep-program h4 {
font-family: Sofia,Arial,sans-serif;
font-size: 20px;
font-weight:bold;
color: #005bbb; /* Blue */  
}

.bep-program h4 {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
color:#ffffff; /* white */
font-weight:bold;
text-align:left;
text-transform: uppercase;
line-height: 100%;    
}

.bep-program h5 {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
color: #005bbb; /* Blue */  
font-weight:bold;
text-align:center;
text-transform: none;
line-height: 100%;    
}

/* END BEP PROGRAM PAGES DEB O */



/* BEP-CENTER-ICONS */

.bep-center-icons .title h5 {
margin:20px auto 0px auto;
text-align: center;            
}

.bep-center-icons .img.img-140.img-140x140.cq-dd-image.lazyloaded {
margin: 0 calc(250px - 50vw);
}

/* END BEP-CENTER-ICONS */



.bep-column-centered-image .image-container {
margin: 0 auto
}            


/* FULL WIDTH CAROUSEL FOR LOGOS


.bep-logos-carousel .img.img-140x140 {
width: 140px;
height: 140px;
padding-left:50%;
}  */


/* USED ON NFL CASE STUDIES PAGE */

/*.bep-center-icons .img.img-140.img-140x140.cq-dd-image.lazyloaded  { */
/*    padding-left: 50%; 
} */

.bep-three-icons /*.img.img-140.img-140x140.cq-dd-image.lazyloaded */ {

/*    padding-left:50%; */
margin: 0 auto;
width: 140px;
height: 140px;
}

/* END - USED ON NFL CASE STUDIES PAGE */





/* BEP DATES ON GRAY  DEB O*/


.bep-dates {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
line-height:28px;
color: #005bbb; /* Blue */  
}

.bep-dates .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#666666;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
text-align:center;
text-transform: none;
}

.bep-dates h1 {
font-family: Sofia,Arial,sans-serif;
font-size: 32px;
color:#005bbb; /* UB Blue */
text-align:center;
font-weight:bold;
line-height: 110%;    
}

.bep-dates h2 {
font-family: Sofia,Arial,sans-serif;
font-size: 24px;
color:#005bbb;
font-weight:bold;    
}

.bep-dates h3 {
font-family: Sofia,Arial,sans-serif;
font-size: 19px;
font-weight:none;
color:#ffffff;
}

.bep-dates h4 {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
color:#666666; /* gray */
font-weight:bold;
text-align:center;
text-transform: uppercase;
line-height: 100%;    
}

/* END BEP DATES ON GRAY  DEB O*/


.pagesection{
padding:20px 0;
}    

.centeredcontent{
position: relative;
margin: 0;
overflow: hidden;
text-align: center;
display: block;
}

.centeredcontent h2{
font-size: 30px;
text-align: center;
}    

.centeredcontent p{
font-size:20px;
text-align: center;
}

.columnscentered h3{
color:#006570;
}   

.columnscentered div.parsys_column{
text-align:center;
}

.columnscentered div.parsys_column .image-container{
margin:0 auto;
}



.centeredcta .calltoaction {
background-color:#FFC72C;
color:#fff;
padding:10px;
text-transform:uppercase;   
}



.centeredcta .calltoaction .calltoaction-style-large:before{
display:none;
}

.centeredcta .calltoaction .calltoaction-style-large{
padding-left:0;
padding:0px 8px;
color:#fff;
font-weight:500;
}

.centeredcolumns{
position: relative;
margin: 0px auto;
overflow: hidden;
width: 960px;
padding-bottom:20px;
}    

/* END BEP PARTNERS PAGES */


/* BEP-Partners-Blue-Background | FOR CENTERED BLUE BOXES  */

.bep-partners-blue-background {
font-family: Sofia,Arial,sans-serif;
margin-top:30px;
margin-left:0px;
padding-left:0px;
}

.bep-partners-blue-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
text-transform: none;
}

.bep-partners-blue-background .title h2 {
font-family: Sofia,Arial,sans-serif;
font-size: 32px;
color:#ffffff; 
font-weight:bold;
}

.bep-partners-blue-background .title h3 {
font-family: Sofia,Arial,sans-serif;
font-size: 24px;
line-height:24px;
color:#ffffff;
text-transform:none;
font-weight:bold;    
}

.bep-partners-blue-background .title h4 {
font-family: Sofia,Arial,sans-serif;
font-size: 15px;
color:#ffffff; 
font-weight:bold;
text-transform: uppercase;
}

.bep-partners-blue-background .teaser-title {
color:#ffffff;
font-family: Sofia,Arial,sans-serif;
font-size: 15px; 
text-transform: none;
}

.bep-partners-blue-background .teaser.teaser-inline.calltoaction-style-small::before {
color:#ffffff;
}

.bep-partners-blue-background .buttoncomponent a {
font-weight: 500;
font-size: 15px;
}

.bep-partners-blue-background .buttoncomponent.white a {
background: #002f56;
color: #fff;
border: #fff solid 1px;
font-weight: 500;
}

.bep-partners-blue-background .text a {
text-decoration: underline;
color: #ffffff;
}

/* THREE COLUMNS OF NUMBERS -- EVENTUALLY COUNTERS */

/*three-columns-numbers -- gray - #E2E4E5 */

.bep-three-columns-numbers {
background-color: #e2e4e5;
/*  padding:20px 10px 20px 30px; -- hidden to fixPartnerships page on Tablets */
}

.bep-three-columns-numbers .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#000000;
font-family: Sofia,Arial,sans-serif;
font-size: 19px;  
text-align:center;
text-transform: uppercase;
font-family: Sofia,Arial,sans-serif;
padding-bottom: 20px;  
}         

.bep-three-columns-numbers .title h1 {
font-size: 60px;
line-height: 72px;
text-align:center;
text-transform: uppercase;
font-family: Sofia,Arial,sans-serif;
font-weight:bold;                    
padding:10px 10px 10px 10px;
}

.bep-three-columns-numbers .title h3 {
font-size: 24px;
line-height: 2px;
text-align:center;
text-transform: uppercase;
font-family: Sofia,Arial,sans-serif;
font-weight:bold;    
padding-bottom: 20px;                
}

.bep-three-columns-numbers .title h4 {
font-size: 14px;
line-height: 2px;
color:#000000;
text-align:center;
text-transform: none;
font-family: Sofia,Arial,sans-serif;
padding-bottom: 20px;                
}

/* Headline background colors (dark blue, light blue, green) */

.bep-three-columns-numbers div.cq-colctrl-4-4-4-c0 .title h1 { 
color:#002f56;
}

.bep-three-columns-numbers div.cq-colctrl-4-4-4-c1 .title h1 { 
color:#2a9ECF;
}

.bep-three-columns-numbers div.cq-colctrl-4-4-4-c2 .title h1 { 
color:#6ca14c;
}


.bep-three-columns-numbers div.cq-colctrl-4-4-4-c0 .data-count { 
color:#002f56;
}

.bep-three-columns-numbers div.cq-colctrl-4-4-4-c1 .data-count { 
color:#2a9ECF;
}

.bep-three-columns-numbers div.cq-colctrl-4-4-4-c2 .data-count { 
color:#6ca14c;
}



/* CALLOUTS FOR CAREERS PAGE */

.bep-callouts .text p, .table td, .callout p, .phototeaser .teaser-text p {
color: #000000;
text-align: left;
text-transform: none;
padding-bottom: 20px;
}            

/* END CALLOUTS FOR CAREERS PAGE */




.countup {
text-align: center;
padding: 0px 0px 10px 0px;
margin-top: 0px;
}

.counter {
font-size: 48px;
font-weight: 600;
color: #006570;
text-align: center;
}


.countertheme div.cq-colctrl-4-4-4-c0 .counter {
color: #002f56;      
}

.countertheme div.cq-colctrl-4-4-4-c1 .counter {
color: #6da04b;      
}

.countertheme div.cq-colctrl-4-4-4-c2 .counter {
color: #006570;      
}


.counter-subhead {
font-size: 1.5em;
font-weight: 400;
margin-top: 10px;
letter-spacing: 3px;
color: #005BBB;
text-align: center;
text-transform: uppercase;
}    




/* END THREE COLUMNS OF NUMBERS -- EVENTUALLY COUNTERS */




/* image widths */
.bep-three-columns-gray-background .img-219 {
width: 266px;
}


/* BEP FACES AND VOICES OVERRIDE */

.facesvoiceshero .teaser-block .teaser-inner .teaser-images .teaser-image img {
border-radius:0;
border:0;      
color:#ffffff;
}

.facesvoiceshero .teaser-block .teaser-inner { /* Added to remove i pixel border o n top of photo in Faces and Voices */
margin: -1px 0 0 0 !important;
}

.facesvoicehero .teaser-title{
color:#fff !important;
}

.facesvoiceshero .faces-voices-inner.fv-theme5:before, .facesvoiceshero .faces-voices-inner.fv-theme5:after {
background-color:#2f9fd0;   
color:#ffffff;
margin-bottom:1px;
}

.facesvoiceshero {
padding:0;
color: #ffffff;
margin-bottom:-1px !important;
}        

.facesvoiceshero .teaser-content .teaser-title,
.facesvoiceshero .faces-voices-inner.fv-theme5 .teaser-block .teaser-inner .teaser-content .teaser-title,
.facesvoiceshero .faces-voices-inner.fv-theme5 .teaser-block .teaser-inner .teaser-title, 
.facesvoiceshero .faces-voices-inner.fv-theme5 .teaser-block .teaser-inner .teaser-title>*{
color: #fff;
}


.facesvoiceshero .teaser-body * {
color: #fff !important;
}
/* end screen only */
}




/* DESKTOP only code */

@media only screen and (min-width: 721px) {

/*.search .search-label{
display:none !important;
}*/

.search-content{
margin-top:-10px;
}    

/* GRID STORY TEASER WIDTH --Affects the "OUR STORIES" section with four images in a single row  ONLY FOR LARGE SCREENS*/

.grid-story-teaser .teaser.teaser-block.teaser-width-228 {
width: 228px !important;
margin-right:6px;    
}

/* END GRID STORY TEASER WIDTH --Affects the "OUR STORIES" section with four images in a single row */



/* GRID STORY TEASER WIDTH --Affects the "OUR STORIES" section with four images in a single row  ONLY FOR LARGE SCREENS*/

.bep-three-columns-cross-sell div.parsys_column {
margin: 0 0 0 6px;
min-height: 1px;
}


.bep-five .parsys_column.cq-colctrl-2-2-2-2-2-2 .parsys_column{
	padding-right:54px;
}

}

/* //END DESKTOP only code// */











/* TABLET only code -- min-width: 721px and max width 768px */

/*@media only screen and (min-width: 721px) and (max-width: 768px) {*/
@media only screen and (min-device-width: 721px) and (max-device-width:768px) {


.page .innerheader {          /* Move header to the left 7px */
margin-left: -7px;
}


.fatfooter .footer-mode-fat .footer-columns .footer-column{
width:200px !important;
}                     

.ub-logo { /* Footer logo moved off left margin */
margin-left:10px !important;
}

.fatfooter .footer-mode-simple, .fatfooter .footer-mode-enhanced, .fatfooter .footer-mode-fat {
/*     margin: 26px -10px 16px 0 !important;      removed for iPad */
width:940px;                
} 

.fatfooter .footer-mode-fat .footer-columns-4 { /* added to move footer off the left margin */
margin: 0 -19px 0 5px;
}

/*  RESEARCH NEWS SECTION ON UB EXPERTS PAGE */
.gridstorylist { 
width: auto !important;
}



.bep-partners {
/*     margin:0 30px 0 0px;  changed for centering homepage text on ipad */
margin:0 20px;
width:96vw;    
}

.header .main {  /* HOME PAGE HEADER FOR TABLETS */
/*    width: 100vw; make header full width on iPad*/
margin-left: 0px;
}

video#bgvideo {  /* HOME PAGE VIDEO FOR TABLETS */
width: 100vw;
/*    margin-left: -95px;  -- removed for Partnerships page */
}

.fullbackground-blue { /* HOME PAGE CENTERING  */
width: 100vw;
/*    left: calc(383px - 50vw); */
margin-right:10px;    
}

.bep-hero .title h2 { /* HOME PAGE CENTERING */
width: 100vw;
}

.bep-hero .title h3 { /* HOME PAGE CENTERING */
width: 100vw;
}

.homepage #center-nocols .top { /* HOME PAGE CENTERING */
padding: 0px;
}

.parsys div.cq-colctrl-4-4-4-c0, .parsys div.cq-colctrl-4-4-4-c1, .parsys div.cq-colctrl-4-4-4-c2 {
width:292px;
}    

img.img-292 { /* HOME PAGE CENTERING */
width: 292px;
}

.parsys div.parsys_column { /* HOME PAGE CENTERING */
/*     margin: 0 0 0 8px; -- breaks green left sections */  
min-height: 1px;
padding-bottom: 10px; /* adds space below gray three column offset items */
margin-bottom:20px;
}


/* BEP-Case-Blue-Background | Blue Background components ONLY  */

.bep-case-blue-background {
/* Puts right margin on text in blue box for tablets */
width:427px;
margin:30px !important;
}

.bep-case-blue-background .title h2, .title h3 {
margin-right:30px;
}



img.img-447 {
width: 481px; /* removes single pixel vertical line along images */

}


/* BEP-Partners-Blue-Background | FOR CENTERED BLUE BOXES  */

.bep-partners-blue-background {
padding:0 30px;
}

.bep-partners-blue-background .title h2 {
color:#ffffff;
}


/* LEFT BLOCK- GRAY - 2 COLUMNS - 6-6 */

.bep-left-block-gray .parsys div.cq-colctrl-6-6-c0 {
padding: 30px 15px 0 15px;  /* adds left padding to text block on tablets */
}



}
/* END TABLET only code */















/* MOBILE DEVICE SETTINGS BASED ON ABOVE CODE */

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


/* HEADER CONTENT  */

.taglinewrapper {
/*position: static;
width: 100%;
font-size: 14px;
line-height: 28px;
text-align:left;
padding-left: 10px;*/
display:none;
}

.searchbtn{
display:none;
}

/* END HEADER CONTENT  */


body:not(.homepage) .parsys_column.cq-colctrl-4-4-4,
body:not(.homepage) .parsys_column.cq-colctrl-3-3-3-3{
	margin-right:16px !important;
}

body .ubcms-tabs .parsys_column.cq-colctrl-3-3-3-3{
              /*  margin-right:0px !important;*/
            }

/* fixing the hero image pushing too far right */
.image-container.image-hero{    
    margin:0 0 0 -17px !important;
}

.bep-news-events-blue{
    position:inherit;

    }    


/* slide deck: horizontal */
body .parsys>.collectioncarousel{
	/*margin:0 16px !important;*/
      margin-right:0px !important;
      margin-left:-16px !important;
}        

body .articletools{
	height:40px;
}




/* MOVED UNDERNEATH BEP-SIX-COLUMNS-ICONS Section  -- around 2146 */

/* .image img, .parsys_column .image img {
/*    width:50vw;  -- removed for Blackstone LaunchPad icon on blackstone-launchpad.html page removing this screws up fullwidth images on case-study page */
/*    margin-left:0px;  /* added to move images to the left margin on the bep-careers.html page */
/*    margin-left:0px; /* added to move images to the left margin on the partnerships.html page (home page) 
} */

/* END - MOVED UNDERNEATHBEP-SIX-COLUMNS-ICONS Section */


/* Research-Experts headshots -- center and margins on both sides */

.ubcms-tab-panel-list .image img {
width: 96%!important;
}

/* END Research-Experts headshots -- center and margins on both sides */



/* ICONS */

/*.cq-colctrl-2-2-2-2-2-2 > .parsys_column{
margin:0 auto !important;
}*/


.cq-colctrl-2-2-2-2-2-2 > .parsys_column > .image-container{
        width:30% !important;
        margin:0 auto;
    }

/*    
.parsys div.parsys_column .cq-colctrl-2-2-2-2-2-2-c0, .cq-colctrl-2-2-2-2-2-2-c1, .cq-colctrl-2-2-2-2-2-2-c2, .cq-colctrl-2-2-2-2-2-2-c3, .cq-colctrl-2-2-2-2-2-2-c4, .cq-colctrl-2-2-2-2-2-2-c5 {
margin: 0px auto;
width:60px !important;
} */       

.parsys div.cq-colctrl-2-2-2-2-2-2-c0, .parsys div.cq-colctrl-2-2-2-2-2-2-c1, .parsys div.cq-colctrl-2-2-2-2-2-2-c3, .parsys div.cq-colctrl-2-2-2-2-2-2-c4 {
width: 96px;
padding-right: 15px;
}


.bep-six-columns-icons .image img{
/*    height:60px;
width:60px; */
float:none !important;
margin: 0 0 0 -10px; /* centers icons on mobile -- 1 per row */
}

.bep-six-columns-icons .title h5 {
font-weight: normal;
font-size: 12px;
line-height: 1.1;
text-transform: uppercase;
color: #000;
margin: 20px 0 8px;
text-align: center;
}

/* .bep-six-columns-icons .image img, .parsys_column .image img {
width:auto; 
margin-left:0px; /* added to move images to the left margin on the bep-careers.html page 
}*/


.cta-button-bar .cta-button-bar-inner {
margin-top: 40px; /* adds space between "learn more" button and footer on gray three column offset section  for iPhone 6/7/8 */
}


/* MAKE ICONS SMALLER IN MOBILE */

.bep-mobile-icons img, .parsys_column .bep-mobile-icons img {
/*width: 35vw !important;
margin-left: 0px;*/
}

/* END MAKE ICONS SMALLER IN MOBILE */

.bep-six-columns-icons {
/*    margin-left: calc(250px - 50vw); */
} 

.bep-center-icons {
margin:0px auto 0px auto;
}


.bep-icons-4col img.img-60x60 {
width: 50px;
height: 50px;
}

/* END MAKE ICONS SMALLER IN MOBILE */


/* BEP-MARGINS-ON-RIGHT   -- Collaborate page for icons*/

.bep-margins-on-right .text p, .table td, .callout p, .phototeaser .teaser-text p, .title h2 { 
margin: 0px 0px 16px 0px !important;  
    /* changed right margin to 0 from 15px forstudent-talent.html | change top margin to 0px from 13px to remove space btween image and title on iphone 6/7/8  */
}     

.bep-margins-on-right .calltoaction .calltoaction-style-large {
margin: 6px 0 6px 0px;
}

/* END BEP-MARGINS-ON-RIGHT   -- Collaborate page for icons*/


/* CALL TO ACTION -- LEARN MORE WITH CHEVRON IN CIRCLE */

.calltoaction .calltoaction-style-large {
margin: 6px 0 6px 15px;
}

/* END CALL TO ACTION -- LEARN MORE WITH CHEVRON IN CIRCLE */


/* Home Page Title */

.bep-hero .title h2 {
font-size: 23px;
line-height: 20px;
margin:0px;
padding-left:16px;  /* changed from 35px to 16px to center "Imagine" and "Achieve" on iPad 6/7/8 */
letter-spacing: 1.2rem;
}


.bep-hero .title h3 {
font-size: 19px !important;
line-height:44px;
margin:0px;
}


/* END Home Page Title */


/* Make images full width of screen on 3-column offset mobile display */

.bep-shared-content-3col-gray-background img.img-292 {
/* width: 292px;  --  changed for license-technology.html page */
width:100vw;
max-width: none;
    margin-left:-16px;
}

.bep-shared-content-3col-gray-background .parsys_column.cq-colctrl-4-4-4{
	width:100%;
}

.bep-shared-content-3col-gray-background div.cq-colctrl-4-4-4 .title h2{
padding:10px 0px 10px 0px;
}

.bep-shared-content-3col-gray-background .calltoaction .calltoaction-style-large{
        margin:6px 0 6px 0px;
}

/* END - Make images full width of screen on 3-column offset mobile display */


/* REMOVE WHITE SPACE AT THE BOTTOM OF THE PAGE */

.page #columns.one-column #center {
margin: 0 0 0px 16px;
padding: 0px !important;
}

div#center {
margin:0px;
}

/* END REMOVE WHITE SPACE AT THE BOTTOM OF THE PAGE */



/* PAGE FOOTER -DO NOT USE! IT MESSES UP THE FOOTER!

.cta-button-bar {
width: 96%;
padding: 0 15px;    
}

.fatfooter .footer-mode-simple, .fatfooter .footer-mode-enhanced, .fatfooter .footer-mode-fat {
width:96%;
padding: 0 15px;
}

END PAGE FOOTER  */



/* FULL WIDTH CAROUSEL FOR LOGOS */

.bep-case .img.img-140.img-140x140.cq-dd-image lazyloaded {
width: 140px;
height: 140px;
}

/* END - SLIDE DECK FOR LOGOS */




/* FULL-WIDTH BACKGROUND -- DIFFERENT COLORS */

.fullbackground-blue {
width: 100vw;
left: -16px;
position: relative;
margin-top:0px;
padding:0px;
}      

.fullbackground-green {
width: 100vw;
left: -16px;
position: relative;
margin-top:0px;
padding:0px;

}
.mobilecolumnreverse .parsys_column.cq-colctrl-6-6{
display:flex !important;
flex-direction:column-reverse !important;

}

.fullbackground-gray {
width: 100vw;
left: -16px;
position: relative;
margin-top:0px;
/*padding:0 0 0 15px;  MG */
}

.fullbackground-gray .parsys_column.cq-colctrl-4-4-4 .image-container, .fullbackground-white .parsys_column.cq-colctrl-4-4-4 .image-container,
.fullbackground-green .parsys_column.cq-colctrl-4-4-4 .image-container,.fullbackground-blue .parsys_column.cq-colctrl-4-4-4 .image-container {
    margin-left:16px;
        }

.fullbackground-white {
width: 100vw;
/*margin: -5px;*/  /* was left: -16px -- changed to 0 for program-template page */
position: relative;
margin-top:0px;
padding:0px;
margin-right:0px !important;
      margin-left:-16px !important;    
}     

.centeredbody{
position:relative;
margin: 0px 0px;
overflow: hidden;
/* width: 100%; */
/* width: 92vw; */
width: 100vw;
}

.centeredtext{
/*text-align:center; already on desktop. redundant*/
/* centered white background paragraphs on student-talent.html page */     
/*margin:0px 15px 0px 15px; */
/*width:100vw;*/
}

/* END FULL-WIDTH BACKGROUND -- DIFFERENT COLORS */



/* bep-left-margin-minus-16 FOR HOME PAGE 3 columns */

.bep-left-margin-minus-16 {
margin-left: -16px !important;
}        

/* END bep-left-margin-minus-16 FOR HOME PAGE 3 columns */


/* FULL WIDTH FOR ALL MOBILE TEXT COLUMNS */


.parsys div.cq-colctrl-6-6-c0 {
width:100%;
padding:0px;
/*    margin:0 20px 0 0 !important; -- changed to center green case study box on home page, iPhone 6/7/8 */
/*margin:0 15px 0 15px !important;*/
}

.bep-two-columns-6-6-image-right div.cq-colctrl-6-6-c0 > :not(.bep-left-image){
            /* MG - Important for 50/50 */
	margin:15px !important;
}


.parsys div.cq-colctrl-6-6-c1 {
/* -1 added for blue background */
margin:0 20px -1px 0 !important;
}



/* FULL WIDTH FOR ALL MOBILE TEXT COLUMNS */




/* ************** TWO COLUMNS - 6-6 -- ALL BACKGROUND COLORS ************* */

/* Image On Right */

.bep-two-columns-6-6-image-right .parsys div.cq-colctrl-6-6-c0 {
margin:0px 20px 0px 20px;
padding:0px 0px 0px 0px;
};

.bep-two-columns-6-6-image-right .parsys div.cq-colctrl-6-6-c1 {
margin:0px;
padding:0px 0px;
};

/* image widths */
.bep-right-image img {
width:100%;
height:auto;    
}

.bep-right-image .image.border-hide,.bep-left-image .image.border-hide{
padding:0;
}    

.bep-left-image img {
width:100%;
height:auto;
}     

.cq-colctrl-6-6-c0 > .bep-left-image{
	margin-bottom:-16px;
}



/* Image on Right */

.bep-two-columns-6-6-image-right .parsys_column.cq-colctrl-6-6{
display:flex !important;
flex-direction:column-reverse !important;
}

.bep-two-columns-6-6-image-left .parsys div.cq-colctrl-6-6-c0 {
width:100%;
margin:0px;
padding:0px 0px 0px 0px;
}

.bep-two-columns-6-6-image-left .parsys div.cq-colctrl-6-6-c1 {
width:100%;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
}





/* LEFT BLOCK- GRAY - 2 COLUMNS - 6-6 */

/*left block background color - gray */

.bep-left-block-gray {
padding:0px 0px;
margin:0px;
}

.bep-left-block-gray .parsys div.cq-colctrl-6-6-c0 {
padding-top: 0px;
}

.bep-left-block-gray .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 15px;  
}         

.bep-left-block-gray .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
}

.bep-left-block-gray a {
font-size:15px;
}

.bep-left-block-gray .page .columns-bg {
width:100vw;
}


/* END LEFT BLOCK- GRAY - 2 COLUMNS - 6-6 */




/* bep-left-margin-for-filters */

.bep-left-margin-for-filters {
margin-right:-16px;
}

.bep-left-margin-for-filters p, .table td, .callout p, .phototeaser .teaser-text p, .title h2 {
margin: 13px 10px 26px;
}

/* END bep-left-margin-for-filters */




/* LEFT BLOCK- GREEN - 2 COLUMNS - 6-6 */

/*left block background color - green */

.bep-left-block-green {
}

.bep-left-block-green .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 15px;  
}         

.bep-left-block-green .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
}

.bep-left-block-green a {
font-size:15px;
}

.bep-left-block-green .page .columns-bg {
width:200px;
}

/* END LEFT BLOCK- GREEN - 2 COLUMNS - 6-6 */





/* RIGHT BLOCK- BLUE - 2 COLUMNS - 6-6 */

/*right block background color - blue -- 002f56 */

.bep-right-block-blue {
}

.bep-right-block-blue .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 15px; 
}         

.bep-right-block-blue .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
}

.bep-right-block-blue a {
font-size:15px;
}

.bep-right-block-blue .page .columns-bg {
width:200px;
}

/* ************* END TWO COLUMNS - 6-6 -- ALL BACKGROUND COLORS  ************ */



/* BEP-THREE-COLUMNS-GRAY-BACKGROUND - 4-4-4 */

/*three-columns-gray-background -- gray - #E2E4E5 */

.bep-three-columns-gray-background {
padding:20px 10px 20px 30px;
}

.bep-three-columns-gray-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
color:#ffffff;
font-size: 19px;
text-align:center;
}         

.bep-three-columns-gray-background .title h1 {
font-size: 32px;
text-align:center;
padding:10px 0px 0px 0px;
}

.bep-three-columns-gray-background .title h2 {
font-size: 18px;
line-height: 28px;
text-align:left;
}



/* CROSS SELL SECTION */

.bep-three-columns-cross-sell {
padding: 0;
}

.bep-three-columns-cross-sell .image img {
width:100%;
}


.bep-three-columns-cross-sell .title h2,.bep-three-columns-cross-sell .title h3 {
margin: 10px 15px 10px 15px !important; 
}


.bep-three-columns-cross-sell .text p, .table td, .callout p, .phototeaser .teaser-text p {
margin: 10px 15px 10px 15px; 
}


/* END CROSS SELL SECTION */





.bep-three-columns-gray-background .title h4 {
font-size: 19px;
text-align:center;
}


.bep-three-columns-gray-background a {
font-size:15px;
text-align:center;
}

.bep-three-columns-gray-background .page .columns-bg .columns-bg-4 {
}


.bep-three-columns-gray-background p {
padding:10px;
}


/* Headline background colors (dark blue, light blue, green) */

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c0 .title h2 { 
}

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c1 .title h2 { 
}

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c2 .title h2 { 
}


/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c0 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c1 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c2 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* image widths */
.bep-three-columns-gray-background .img-219 {
width: 266px;
}


/* END THREE COLUMNS GRAY BACKGROUND */




/* BEP-THREE-COLUMNS-GRAY-BACKGROUND-OFFSET-TITLE - 4-4-4 */

/*three-columns-gray-background -- gray - #E2E4E5 */

.bep-three-columns-gray-background-offset-title .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 15px;
text-align:left;
}         

.bep-three-columns-gray-background-offset-title .title h1 {
font-size: 32px;
text-align:center;
padding:10px 0px 0px 0px;
margin:20px 30px 0 -10px;
}

.bep-three-columns-gray-background-offset-title .title h2 {
font-size: 18px;
line-height: 28px;
text-align:left;
padding:10px 10px 10px 30px;
margin:20px 30px 0 -20px;
}

.bep-three-columns-gray-background-offset-title .title h4 {
font-size: 19px;
text-align:center;
padding:10px 10px 10px 30px;
margin:20px 30px 0 -10px;
}


.bep-three-columns-gray-background-offset-title a {
font-size:15px;
text-align:center;
}

.bep-three-columns-gray-background-offset-title .page .columns-bg .columns-bg-4 {
}


.bep-three-columns-gray-background-offset-title p {
padding:10px;
}


/* Headline background colors (dark blue, light blue, green) */

.bep-three-columns-gray-background-offset-title parsys div.cq-colctrl-4-4-4-c0 .title h2 { 
}

.bep-three-columns-gray-background-offset-title div.cq-colctrl-4-4-4-c1 .title h2 { 
}

.bep-three-columns-gray-background-offset-title div.cq-colctrl-4-4-4-c2 .title h2 { 
}


/* column widths */
.bep-three-columns-gray-background-offset-title parsys div.cq-colctrl-4-4-4-c0 {
width:250px;
margin:0px 0px 0px 50px;
padding: 0px 13px 0px 0px;
}

/* column widths */
.bep-three-columns-gray-background-offset-title parsys div.cq-colctrl-4-4-4-c1 {
width:250px;
margin:0px 0px 0px 50px;
padding: 0px 13px 0px 0px;
}

/* column widths */
.bep-three-columns-gray-background-offset-title parsys div.cq-colctrl-4-4-4-c2 {
width:250px;
margin:0px 0px 0px 50px;
padding: 0px 13px 0px 0px;
}

/* image widths */
.bep-three-columns-gray-background-offset-title .img-219 {
width: 200 px;
}


/* END THREE COLUMNS GRAY BACKGROUND OFFSET TITLE*/




/* BEP-THREE-COLUMNS-GRAY-BACKGROUND - 4-4-4 */

/*three-columns-gray-background -- gray - #E2E4E5 */

.bep-three-columns-gray-background {
padding:20px 10px 20px 0px;
}

.bep-three-columns-gray-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 19px;
text-align:center;
}         

.bep-three-columns-gray-background .title h1 {
font-size: 32px;
text-align:center;
padding:10px 0px 0px 0px;
}

.bep-three-columns-gray-background .title h2 {
font-size: 18px;
line-height: 28px;
text-align:left;
}

.bep-three-columns-gray-background .title h4 {
font-size: 19px;
text-align:center;
}


.bep-three-columns-gray-background a {
font-size:15px;
text-align:center;
}

.bep-three-columns-gray-background .page .columns-bg .columns-bg-4 {
}

.bep-three-columns-gray-background p {
padding:10px;
}


/* Headline background colors (dark blue, light blue, green) */

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c0 .title h2 { 
}

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c1 .title h2 { 
}

.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c2 .title h2 { 
}


/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c0 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c1 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* column widths */
.bep-three-columns-gray-background div.cq-colctrl-4-4-4-c2 {
width:240px;
margin:0px 0px 0px 60px;
padding: 0px 13px 0px 0px;
}

/* image widths */
.bep-three-columns-gray-background .img-219 {
width: 266px;
}


/* END THREE COLUMNS GRAY BACKGROUND */


/* bep-new-offset-title-3COL-gray-background - 4-4-4 */

/*three-columns-gray-background -- gray - #E2E4E5 */

.bep-new-offset-title-3COL-gray-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 15px;
text-align:left;
}         

.bep-new-offset-title-3COL-gray-background .title h1 {
font-size: 32px;
text-align:center;
padding:10px 0px 0px 0px;
margin:20px 30px 0 -10px;
font-weight:bold;
}

.bep-new-offset-title-3COL-gray-background .title h2 {
font-size: 18px;
line-height: 28px;
text-align:left;
}

.bep-new-offset-title-3COL-gray-background .title h4 {
font-size: 19px;
text-align:center;
padding:10px 10px 10px 30px;
margin:20px 30px 0 -10px;
}


.bep-new-offset-title-3COL-gray-background a {
font-size:15px;
text-align:center;
}

.bep-new-offset-title-3COL-gray-background .page .columns-bg .columns-bg-4 {
}


.bep-new-offset-title-3COL-gray-background p {
padding:10px;
}


/* Headline background colors (dark blue, light blue, green) */

.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c0 .title h2 { 
margin:20px 30px 0 -20px;
padding:10px 0px 10px 20px;
}

.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c1 .title h2 { 
margin:20px 30px 0 -20px;
padding:10px 0px 10px 20px;
}

.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c2 .title h2 { 
margin:20px 30px 0 -20px;
padding:10px 0px 10px 20px;
}


/* column widths */
.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c0 {
width:250px;
margin:0px 0px 0px 40px;
padding: 0px;
width: 280px;
}

/* column widths */
.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c1 {
margin:0px 0px 0px 40px;
padding: 0px;
width: 280px;
}

/* column widths */
.bep-new-offset-title-3COL-gray-background div.cq-colctrl-4-4-4-c2 {
margin:0px 0px 0px 40px;
padding: 0px;
width: 280px;
}

img.img-300 {
width: 280px;
margin: -1px;
}




/* END bep-new-offset-title-3COL-gray-background */



/* ******************  ALL COLORS 2 columns - 9-3 and 3-9 **************** */

/* WHITE BACKGROUND - 2 COLUMNS - 3-9 */

/*white background color - ffffff */

.bep-white-block {
padding:0px 0px;
}

.bep-white-block .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 15px; 
}         

.bep-white-block .title h2 {
font-size: 24px;
text-align:left;
}

.bep-white-block a {
font-size:15px;
}

.bep-white-block .page .columns-bg {
width:200px;
}

/*white background color columns */

.bep-white-block .parsys_column.cq-colctrl-3-9-c0 {
width:auto;
height:auto;
}

.bep-white-block .parsys_column.cq-colctrl-3-9-c1 {
width:auto;
}     


.bep-white-block .parsys_column.cq-colctrl-3-9-c1 .list ul.link-list li {
margin: 0 0 0 10px;
}                 



/* LEFT BLOCK- GREEN - 2 COLUMNS - 9-3 */

/* right image width */
.bep-left-block-green-9-3 .img-300 {
width: 300px;
border: 0px;        
}


/* column widths */
.bep-left-block-green-9-3 .parsys div.cq-colctrl-9-3-c0 {
width: 600px;
padding: 0px;
margin:0px 30px 0px 0px;        
}

.bep-left-block-green-9-3 .parsys div.cq-colctrl-9-3-c1 {
width: 300px;
padding: 0px;
margin:0px 30px 0px 0px;
}


/*left block background color - green */

.bep-left-block-green-9-3 div.cq-colctrl-9-3-c0 {
padding:12px 30px 11px 20px;
margin:0px;
}

.bep-left-block-green-9-3 div.cq-colctrl-9-3-c1 {
padding:0px;
margin:0px;
}     


/* text modifications */

.bep-left-block-green-9-3 .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 19px;  
}         

.bep-left-block-green-9-3 .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
}

.bep-left-block-green-9-3 a {
font-size:15px;
}

.bep-left-block-green-9-3 .page .columns-bg {
width:10px;
}


/* END LEFT BLOCK- GREEN - 2 COLUMNS - 9-3 */





/* RIGHT BLOCK- BLUE - 2 COLUMNS - 3-9 */

/* left image width */
.bep-right-block-blue-3-9 .img-209 {
width: 300px;
padding: 0px;
margin:0px 30px 0px 0px; 
}


/* column widths */
.parsys div.cq-colctrl-3-9-c1 {
width: 600px;
padding: 0px;
margin:0px 0px 0px 30px;
}

.parsys div.cq-colctrl-3-9-c0 {
width: 300px;
padding: 0px;
margin:0px 0px 0px 30px;
}


/*left block background color - blue */

.bep-right-block-blue-3-9 div.cq-colctrl-3-9-c0 {
padding:0px 20px 0px 30px;
margin:0px;
}     

.bep-right-block-blue-3-9 div.cq-colctrl-3-9-c1 {
padding:0px;
margin:0px;
}


/* text modifications */

.bep-right-block-blue-3-9 .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 19px;  
}         

.bep-right-block-blue-3-9 .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
}

.bep-right-block-blue-3-9 a {
font-size:15px;
}

.bep-right-block-blue-3-9 .page .columns-bg {
width:10px;
}


/* END RIGHT BLOCK- BLUE - 2 COLUMNS - 3-9 */





/* LEFT BLOCK BLUE - 2 COLUMNS - 9 - 3 */

/*left block background color - blue */

.bep-left-block-blue-9-3 div.cq-colctrl-9-3-c0 {
padding:12px 30px 11px 20px;
margin:0px;
width:480px;
}

.bep-left-block-blue-9-3 div.cq-colctrl-9-3-c1 {
padding:15px 30px 45px 30px;
margin:0px;
width:360px;
}   


/* text modifications */

.bep-left-block-blue-9-3 .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 15px;  
}         

.bep-left-block-blue-9-3 .title h1 {
font-size: 32px;
line-height: 42px;
text-align:left;
}

.bep-left-block-blue-9-3 .title h2 {
font-size: 32px;
line-height: 42px;
text-align:left;
}

.bep-left-block-blue-9-3 .title h3 {
font-size: 20px;
line-height: 42px;
text-align:left;
}

.bep-left-block-blue-9-3 .title h4 {
font-size: 15px;
text-align:left;
line-height: 100%;    
}

.bep-left-block-blue-9-3 a {
font-size:15px;
}

.bep-left-block-blue-9-3 .page .columns-bg {
width:10px;
}


/* END LEFT BLOCK- BLUE - 2 COLUMNS - 9-3 */


/* ******************  END ALL COLORS 2 columns - 9-3 and 3-9 **************** */






/* BEP-FULL-WIDTH TEXT BOX */

.bep-full-width-text-box h1 {
font-size: 32px;
}


.bep-full-width-text-box .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 19px;  
}

.bep-full-width-text-box .buttoncomponent a {
font-size: 24px;
}

.bep-full-width-text-box .buttoncomponent {
width: 100%
}

/* END BEP FULL-WIDTH TEXT BOX */



/* BEP PARTNERS PAGES */

.bep-partners {
font-size: 15px;
line-height:28px;
margin:0 auto;   /* MG */ 
width:92vw;              /* was 94vw  -- changed for program-template.html */
/* margin-left:-16px;  added to move images to the left margin on the bep-careers.html page */
}

.bep-partners .title h1 {
font-size: 32px;
margin:0px 10px;
}

.bep-partners .title h2 {
font-size: 24px;
}

.bep-partners .title h3 {
font-size: 19px;
}

.bep-partners .title h4 {
font-size: 16px;
line-height: 100%;    
}

.bep-partners .title h5 {
font-size: 15px;
text-align: center;
line-height: 100%;    
}

.bep-partners li {
font-size: 14px;
text-align: left;
line-height: 100%;    
}

.bep-partners a {
font-size: 15px;
color: #005BBB;
line-height: 100%;    
}


/* END BEP PARTNERS PAGES */


/* BEP-Partners-Blue-Background | FOR CENTERED BLUE BOXES  */


.bep-partners-blue-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
/*	margin-left:25px !important;  HIDDEN FOR COLLABORATE PAGE */
margin:13px 20px;
}

.bep-partners-blue-background .title h2 {
padding-left:15px; /* Added to move title off left margin */
/*	margin-left:25px !important;    HIDDEN FOR COLLABORATE PAGE */
}


/* END BEP-Partners-Blue-Background | FOR CENTERED BLUE BOXES  */






/* BEP-Case-Background | Blue or Green */

.bep-case-back-white .title h1 {
}


.bep-case {
padding:0px 0px 0px 0px;
}

.bep-case .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 15px; 
}

.bep-case .title h1 {
font-size: 32px;
line-height: 1em;
text-align:left;
font-weight:bold;
padding:0px;
margin:0px 0px 10px 0px;
}

.bep-case .title h2 {
font-size: 24px;
line-height: 1em;
}

.bep-case .title h3 {
font-size: 19px;
font-weight:none;
color:#ffffff;
}

.bep-case .title h4 {
font-size: 15px;
text-align:left;
line-height: 100%;
padding:0px;    
margin:0px 0px 10px 0px;
}

.bep-case .title h5 {
font-size: 15px;
text-align:center;
line-height: 100%;    
}


/* BEP-Case-Blue-Background | Blue Background components ONLY  */

.bep-case-blue-background {
margin:20px 0px 0 0;
/*padding: 0px 15px 0 15px;*/
padding:0px 15px 15px 15px;    
width:100%;
}

.bep-case-blue-background img.img-447 {
width: 100vw!important;
}

.bep-left-image img {
width: 479px!important;
height: 100%;
}




img.img-447 {
width: 100vw !important; 
}




/* BEP-Case-GRAY-Background | Gray Background components ONLY  */

.bep-case-gray-background {
margin:0px 0 0 0;
padding: 0px 0px 0 0px;
}

.bep-case-gray-background img.img-447 {
width: 100vw!important;
}

.bep-case-gray-background .text p, .table td, .callout p, .phototeaser .teaser-text p {
margin:15px 0 0 15px;
}

.bep-case-gray-background .title h1 {
margin:0 0 0 15px;
}

.bep-case-gray-background .title h2 {
margin:0 0 0 15px;
}

.bep-case-gray-background .title h3 {
margin:0 0 0 15px;
}

.bep-case-gray-background .title h4 {
margin:0px 0 0 15px;
padding-top:15px;
}

.bep-case-gray-background .buttoncomponent{
margin:0 0 0 15px;
}












/* BEP-Case-Green-Background | Green Background components ONLY  */

.bep-case-green-background {
margin:20px 0 0 0;
padding: 0px 30px 0 0px;
width:92vw;

/*    margin:20px 0 0 0;
padding: 0px 15px;
width:96vw; */
}


/* END BEP CASE PAGES DEB O */



/* BEP PROGRAM PAGES DEB O */


.bep-program {
font-size: 15px;
line-height:20px;
}

.bep-program .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 15px; 
}

.bep-program h1 {
font-size: 32px;
}

.bep-program h2 {
font-size: 24px;
}

.bep-program h3 {
font-size: 19px;
}

.bep-program h4 {
font-size: 15px;
text-align:left;
line-height: 100%;    
}

.bep-program h5 {
font-size: 15px;
text-align:center;
line-height: 100%;    
}

/* END BEP PROGRAM PAGES DEB O */




/* BEP DATES ON GRAY  DEB O*/


.bep-dates {
font-size: 15px;
line-height:28px;
}

.bep-dates .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 15px; 
text-align:center;
}

.bep-dates h1 {
font-size: 32px;
text-align:center;
line-height: 110%;    
}

.bep-dates h2 {
font-size: 24px;
}

.bep-dates h3 {
font-size: 19px;
}

.bep-dates h4 {
font-size: 15px;
text-align:center;
line-height: 100%;    
}

/* END BEP DATES ON GRAY  DEB O*/


.pagesection{
padding:20px 0;
}    

.centeredcontent{
position: relative;
margin: 0;
overflow: hidden;
text-align: center;
display: block;
}

.centeredcontent h2{
font-size: 30px;
text-align: center;
}    

.centeredcontent p{
font-size:20px;
text-align: center;
}

.columnscentered h3{
}   

.columnscentered div.parsys_column{
text-align:center;
}

.columnscentered div.parsys_column .image-container{
margin:0 auto;
}


.centeredcta .calltoaction {
padding:10px;
}

.fullbackgroundgray .centeredcontent{
text-align:center;
}                 

.centeredcta .calltoaction .calltoaction-style-large:before{
}

.centeredcta .calltoaction .calltoaction-style-large{
padding-left:0;
padding:0px 8px;
}

.centeredcolumns{
position: relative;
margin: 0px auto;
overflow: hidden;
width: 100%;
padding:10px 0;
}    

/* END BEP PARTNERS PAGES */


/* THREE COLUMNS OF NUMBERS -- EVENTUALLY COUNTERS */

/*three-columns-numbers -- gray - #E2E4E5 */

.bep-three-columns-numbers {
/* padding:20px 10px 20px 30px; */
/*padding:0 0 20px 0; */
}

.bep-three-columns-numbers .text p, .table td, .callout p, .phototeaser .teaser-text p {
font-size: 19px;  
text-align:center;
padding-bottom: 20px;  
}         

.bep-three-columns-numbers .title h1 {
font-size: 60px;
line-height: 72px;
text-align:center;
padding:10px 10px 10px 10px;
}

.bep-three-columns-numbers .title h3 {
font-size: 24px;
line-height: 24px;
text-align:center;
padding-bottom: 20px;                
}


/* Headline background colors (dark blue, light blue, green) */

.bep-three-columns-numbers div.cq-colctrl-4-4-4-c0 .title h1 { 
}

.bep-three-columns-numbers div.cq-colctrl-4-4-4-c1 .title h1 { 
}

.bep-three-columns-numbers div.cq-colctrl-4-4-4-c2 .title h1 { 
}


/* END THREE COLUMNS OF NUMBERS -- EVENTUALLY COUNTERS */


/* image widths */
.bep-three-columns-gray-background .img-219 {
width: 266px;
}


/* BEP FACES AND VOICES OVERRIDE */

.page .facesvoiceshero {
/*    left: 0px; */
padding:0 20px 10px 16px;
width:100vw;
}

.facesvoiceshero .list-style-faces-voices {
position: relative;
box-sizing: border-box;
padding: 0 10px;
}    

}

/* print styling */

@media print{

.bep-case-blue-background .buttoncomponent a,
.bep-case-green-background .buttoncomponent a,
.bep-case-white-background .buttoncomponent a,
.bep-case-gray-background .buttoncomponent a{
	display:none;
}    

h1,h2,h3,h3, h1 a,h2 a,h3 a,h4 a{
	color:#005bbb !important;        
}

.searchbtn{
display:none;
}
.header .main{
    height:95px;
}
.header .main .lockup .logo{
display:none;
}

.taglinewrapper{
font-size:20px !important;
    position: absolute;
    top: 35px;
    right: 20px;
}      

.header .main .lockup .icon-ub-logo{
    top:5px;
                }    

.bep-case-green-background,.bep-case-blue-background,.bep-case-gray-background,.bep-case-white-background {
margin:20px 0 0 0;
padding: 0px 30px 0 0px;
width:100vw;
}

.fullbackground-green,.fullbackground-blue,.fullbackground-gray,.fullbackground-white {
width: 100vw;
left: -16px;
position: relative;
margin-top:0px;
padding:0px;
}

.fullbackground-green .cq-colctrl-6-6-c0,.fullbackground-green .cq-colctrl-6-6-c1,
.fullbackground-blue .cq-colctrl-6-6-c0,.fullbackground-blue .cq-colctrl-6-6-c1,
.fullbackground-gray .cq-colctrl-6-6-c0,.fullbackground-gray .cq-colctrl-6-6-c1,
.fullbackground-white .cq-colctrl-6-6-c0,.fullbackground-white .cq-colctrl-6-6-c1{
    width:100vw !important;
    margin:0 auto;
}

.bep-two-columns-6-6-image-right .parsys_column.cq-colctrl-6-6{
display:flex !important;
flex-direction:column-reverse !important;
}


/* image widths */
.bep-right-image img,.bep-left-image img {
/*width:100%;
height:auto;*/
    width:min-content !important;
}

.bep-right-image .image.border-hide,.bep-left-image .image.border-hide{
padding:0;
} 

/*
.fullbackground-green .cq-colctrl-6-6 .parsys_column{
	width:48% !important;
}
*/

/*
.fullbackground-gray{
-webkit-print-color-adjust: exact; 
background-color:#E2E4E5 !important;
}


*{
background:inherit !important;
filter:none !important;
color:inherit !important
}                    
*/
}