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

/* custom overrides */

.custom-50-50 .buttoncomponent a,
.custom-50-50 .next-gen-button.buttoncomponent a,
.custom-50-50 .ub-par .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 */

    .ubcms-tab-button-list .ubcms-tab-button-list-inner,
    .ubcms-tab-button-list-inner,
    ul.ubcms-tab-button-list-inner {
        border-bottom: 0 !important;
        white-space: normal;
        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,
    .one-column-page .ub-par,
    .ub-content-wrapper {
        /*margin: 0px;*/
        padding-bottom: 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;
        margin-top: 1px;
        /* 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 .columns-wrapper .aem-Grid>.responsivegrid:nth-child(1)>.ub-column .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 .columns-wrapper .aem-Grid>.responsivegrid:nth-child(2)>.ub-column .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;
    }

    .bep-shared-content-3col-gray-background .columns-wrapper .aem-Grid>.responsivegrid:nth-child(3)>.ub-column .title h2 {
        background-color: #6ca14c;
        margin: 20px 30px 0 -20px;
        padding: 10px 0px 10px 20px;
        font-family: Sofia, Arial, sans-serif;
    }


    /* 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;
    }

    .bep-shared-content-3col-gray-background .columns-wrapper .aem-Grid>.responsivegrid>.ub-column {
        margin: 0px 0px 0px 36px;
        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,
    .bep-shared-content-3col-gray-background .image.responsive img {
        /* 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 .calltoaction .teaser-inline {
        justify-content: center;
    }

    .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,
    .bep-column-centered-image .cmp.cmp-image.image {
        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;
    }

    .bep-five .aem-Grid>.container.responsivegrid.aem-GridColumn--default--2 {
        width: 20%
    }


}

/* //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
}                    
*/
}