/* custom components that will be used on the VPR and BEP websites 
*/


/*
***************************************************************************************************
Title: custom-standout-h1
description: Centered Blue h1
****
*/

.custom-standout-title .title h1,
.custom-standout-title .title h2,
.custom-standout-title .title h3,
.custom-standout-title .title h4,
.custom-standout-title .title h5 {
  color: #005bbb;
  font-weight: bold;
  text-align: center;
  font-family: Sofia, Arial, sans-serif
}

.custom-standout-title .title h1,
.custom-standout-title .title h2 {
  font-size: 32px;
}

/*theme*/
.custom-standout-title.text-white .title h1,
.custom-standout-title.text-white .title h2,
.custom-standout-title.text-white .title h3,
.custom-standout-title.text-white .title h4,
.custom-standout-title.text-white .title h5 {
  color: #fff !important;
}

.custom-standout-title.text-black .title h1,
.custom-standout-title.text-black .title h2,
.custom-standout-title.text-black .title h3,
.custom-standout-title.text-black .title h4,
.custom-standout-title.text-black .title h5 {
  color: #000 !important;
}

.custom-standout-title.text-ub-blue .title h1,
.custom-standout-title.text-ub-blue .title h2,
.custom-standout-title.text-ub-blue .title h3,
.custom-standout-title.text-ub-blue .title h4,
.custom-standout-title.text-ub-blue .title h5 {
  color: #005bbb !important;
}

.custom-standout-title.text-letchworth-autumn .title h1,
.custom-standout-title.text-letchworth-autumn .title h2,
.custom-standout-title.text-letchworth-autumn .title h3,
.custom-standout-title.text-letchworth-autumn .title h4,
.custom-standout-title.text-letchworth-autumn .title h5 {
  color: #e56a54 !important;
}

.custom-standout-title.text-solar-strand .title h1,
.custom-standout-title.text-solar-strand .title h2,
.custom-standout-title.text-solar-strand .title h3,
.custom-standout-title.text-solar-strand .title h4,
.custom-standout-title.text-solar-strand .title h5 {
  color: #ffc72c !important;
}

.custom-standout-title.text-greiner-green .title h1,
.custom-standout-title.text-greiner-green .title h2,
.custom-standout-title.text-greiner-green .title h3,
.custom-standout-title.text-greiner-green .title h4,
.custom-standout-title.text-greiner-green .title h5 {
  color: #ebec00 !important;
}

.custom-standout-title.text-lake-lasalle .title h1,
.custom-standout-title.text-lake-lasalle .title h2,
.custom-standout-title.text-lake-lasalle .title h3,
.custom-standout-title.text-lake-lasalle .title h4,
.custom-standout-title.text-lake-lasalle .title h5 {
  color: #00a69c !important;
}

.custom-standout-title.text-capen-brick .title h1,
.custom-standout-title.text-capen-brick .title h2,
.custom-standout-title.text-capen-brick .title h3,
.custom-standout-title.text-capen-brick .title h4,
.custom-standout-title.text-capen-brick .title h5 {
  color: #990000 !important;
}

.custom-standout-title.text-bronze-buffalo .title h1,
.custom-standout-title.text-bronze-buffalo .title h2,
.custom-standout-title.text-bronze-buffalo .title h3,
.custom-standout-title.text-bronze-buffalo .title h4,
.custom-standout-title.text-bronze-buffalo .title h5 {
  color: #ad841f !important;
}

.custom-standout-title.text-olmsted-green .title h1,
.custom-standout-title.text-olmsted-green .title h2,
.custom-standout-title.text-olmsted-green .title h3,
.custom-standout-title.text-olmsted-green .title h4,
.custom-standout-title.text-olmsted-green .title h5 {
  color: #6da04b !important;
}

.custom-standout-title.text-niagara-whirlpool .title h1,
.custom-standout-title.text-niagara-whirlpool .title h2,
.custom-standout-title.text-niagara-whirlpool .title h3,
.custom-standout-title.text-niagara-whirlpool .title h4,
.custom-standout-title.text-niagara-whirlpool .title h5 {
  color: #006570 !important;
}

.custom-standout-title.text-victor-blue .title h1,
.custom-standout-title.text-victor-blue .title h2,
.custom-standout-title.text-victor-blue .title h3,
.custom-standout-title.text-victor-blue .title h4,
.custom-standout-title.text-victor-blue .title h5 {
  color: #2f9fd0 !important;
}

.custom-standout-title.text-harriman-blue .title h1,
.custom-standout-title.text-harriman-blue .title h2,
.custom-standout-title.text-harriman-blue .title h3,
.custom-standout-title.text-harriman-blue .title h4,
.custom-standout-title.text-harriman-blue .title h5 {
  color: #002f56 !important;
}

.custom-standout-title.text-baird-point .title h1,
.custom-standout-title.text-baird-point .title h2,
.custom-standout-title.text-baird-point .title h3,
.custom-standout-title.text-baird-point .title h4,
.custom-standout-title.text-baird-point .title h5 {
  color: #e4e4e4 !important;
}

.custom-standout-title.text-townsend-gray .title h1,
.custom-standout-title.text-townsend-gray .title h2,
.custom-standout-title.text-townsend-gray .title h3,
.custom-standout-title.text-townsend-gray .title h4,
.custom-standout-title.text-townsend-gray .title h5 {
  color: #666666 !important;
}



/*
***************************************************************************************************
Title: Background Bar
description: background bar that stretches across the full width of the viewport
***************************************************************************************************
*/

.fullbgbar {
  position: relative;
  /* for child pseudo-element */
  z-index: 0;
  margin: 0 -600rem;
  /* add back negative margin value */
  padding: 0rem 600rem;
  background-color: #002f56;
}

.fullbgbar:before {
  content: "";
  position: absolute;
  z-index: -1;
  /* behind parent */
  top: 0;
  bottom: 0;
  left: 600rem;
  right: 600rem;
}

@media only screen and (max-width: 960px) {
  .fullbgbar {
    padding: 0;
    margin: 0;
    /*margin-right:17px;*/
  }
}


/*
***************************************************************************************************
Title: custom-50-50
Description: Image 50% / Text 50%
***************************************************************************************************
*/

/* theming */
.custom-50-50 .text p,
.custom-50-50 .text ul>li,
.custom-50-50 .text ul>li:before,
.table td,
.callout p,
.phototeaser .teaser-text p,
.custom-50-50 .title h2,
.custom-50-50 .title h3,
.custom-50-50,
.custom-50-50 .teaser-title,
.custom-50-50 .buttoncomponent a {
  color: #fff;
}

.custom-50-50.text-dark .text p,
.custom-50-50.text-dark .text ul>li,
.custom-50-50.text-dark .text ul>li:before,
.table td,
.callout p,
.phototeaser .teaser-text p,
.custom-50-50.text-dark .title h2,
.custom-50-50.text-dark .title h3,
.custom-50-50.text-dark,
.custom-50-50.text-dark a,
.custom-50-50.text-dark .text p a,        
.custom-50-50.text-dark .teaser-title,
.custom-50-50.text-dark .buttoncomponent a {
  color: #000;
}

.custom-50-50.bg-baird-point.text-dark .text p a{
  color:#005bbb;
}


.custom-50-50 .text p a{
  text-decoration:underline;
  border-bottom:0;  
  color:#fff;
}

.custom-50-50.bg-harriman-blue .text p a{
  color:#ffc72c;
}

.custom-50-50 .text p a:hover{
  text-decoration:none;
}

.custom-50-50.bg-baird-point .title h2,
.custom-50-50.bg-baird-point .title h3 {
  color: #005bbb;
}


.custom-50-50 .buttoncomponent a {
  border-color: #fff;
  text-transform: uppercase;
}

.custom-50-50.text-dark .buttoncomponent a {
  border-color: #000;
}

.custom-50-50 div.parsys_column div.cq-colctrl-6-6-c0 {
  width: 447px;
  margin: 0px;
  padding: 0px;
}

;

.custom-50-50 div.parsys_column div.cq-colctrl-6-6-c1 {
  margin: 0px;
  padding: 0px;
}

;

.custom-50-50 {
  position: relative;
  margin: 0px auto;
  overflow: hidden;
  width: 960px;
}

/*.table td,*/
.custom-50-50 .text p,
.custom-50-50 .text ul>li
.callout p,
.phototeaser .teaser-text p {
  font-family: Sofia, Arial, sans-serif;
  font-size: 15px;
  text-transform: none;
}

.custom-50-50 .title h2,
.custom-50-50 .title h3 {
  font-family: Sofia, Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-transform: none;
  font-weight: bold;

}

.custom-50-50 .title h2 {
  font-family: Sofia, Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-transform: none;
  font-weight: bold;
  margin-top: -10px;
}

.custom-50-50 .title h4 {
  font-family: Sofia, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

.custom-50-50 .teaser.teaser-inline.calltoaction-style-small::before {
  color: #ffffff;
}

/*
.custom-50-50 a {
  font-size: 15px;
  text-transform: uppercase;
}*/

.custom-50-50 .teaser-title {
  font-family: Sofia, Arial, sans-serif;
  font-size: 15px;
  text-transform: none;
}


.custom-50-50 img {
  width: auto;
  height: 100%;
}

.custom-50-50 .image.border-hide {
  padding: 0;
}

.custom-50-50 .textcolumn {
  width: 400px;
  margin: 30px 0 0 20px;
  /*padding-left: 20px;*/
}

.custom-50-50 .buttoncomponent a {
  font-weight: 500;
  font-size: 15px;
  border-width: 1px;
  border-style: solid;
  background: inherit;
}

.custom-50-50.button-transparent .buttoncomponent a {
  color: #fff;
  border-width: 1px;
  border-style: solid;
  background: inherit;
}

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

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


@media only screen and (max-width: 720px) {
  .custom-50-50 .parsys_column.cq-colctrl-6-6>div.parsys_column {
    width: 100%;
    /*margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;*/
  }

  .custom-50-50 .textcolumn {
    width: auto;
    margin-right: 20px;
    padding-bottom: 10px;

  }

  .custom-50-50 .cq-colctrl-6-6.imageright {
    display: flex !important;
    flex-direction: column-reverse !important;
  }


  .custom-50-50 img {
    width: auto;
    height: 100%;
  }
}


/*
***************************************************************************************************
Title: custom-simple-standout
***************************************************************************************************
*/

.custom-simple-standout {
  text-align: center;
}

.custom-simple-standout .text p a{
  text-decoration:underline;
  border-bottom:0;  
  color:#fff;
}

.custom-simple-standout .text p a:hover{
  text-decoration:none;
}

/*color theming*/
.custom-simple-standout .title h1,
.custom-simple-standout .title h2,
.custom-simple-standout .title h3,
.custom-simple-standout .title h4,
.custom-simple-standout .text p,
.custom-simple-standout .table td,
.custom-simple-standout .callout p,
.custom-simple-standout .phototeaser .teaser-text p,
.custom-simple-standout .buttoncomponent a {
  color: #fff;
}

.custom-simple-standout .text p a{
  color:#fff;
}  

.custom-simple-standout.bg-baird-point.text-dark .text p a{
  color:#005bbb;
}

.custom-simple-standout.bg-harriman-blue .text p a{
    text-decoration:underline;
            color:#ffc72c;
        }

.custom-simple-standout .text p a:hover{
    border-bottom:0px;
        }

.custom-simple-standout .buttoncomponent a {
  border-color: #fff;
}

.custom-simple-standout.text-dark .title h1,
.custom-simple-standout.text-dark .title h2,
.custom-simple-standout.text-dark .title h3,
.custom-simple-standout.text-dark .title h4,
.custom-simple-standout.text-dark .text p,
.custom-simple-standout.text-dark .table td,
.custom-simple-standout.text-dark .callout p,
.custom-simple-standout.text-dark .text p a,
.custom-simple-standout.text-dark .phototeaser .teaser-text p,
.custom-simple-standout.text-dark .buttoncomponent a {
  color: #000;
}

.custom-simple-standout.text-dark .buttoncomponent a {
  border-color: #000;
}

.custom-simple-standout .title h1,
.custom-simple-standout .title h2,
.custom-simple-standout .title h3,
.custom-simple-standout .title h4 {
  /*color:#fff;*/
  font-family: Sofia, Arial, sans-serif;
  font-weight: bold;
}

.custom-simple-standout.bg-baird-point.text-dark .title h1,
.custom-simple-standout.bg-baird-point.text-dark .title h2,
.custom-simple-standout.bg-baird-point.text-dark .title h3,
.custom-simple-standout.bg-baird-point.text-dark .title h4 {
  color:#005bbb;
}

.custom-simple-standout .title h1,
.custom-simple-standout .title h2 {
  font-size: 32px;

}

.custom-simple-standout .title h3 {
  font-size: 24px;
  text-transform: none;
}

.custom-simple-standout .title h4 {
  font-size: 15px;
  text-transform: uppercase;
}

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

.custom-simple-standout .fixedwidthwrapper {

  padding: 40px 16px;
}


.custom-simple-standout .buttoncomponent a {
  font-weight: 500;
  font-size: 15px;
  border-width: 1px;
  border-style: solid;
  background: inherit;
}


/*
***************************************************************************************************
Title: custom-column-counters
***************************************************************************************************
*/


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

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

.custom-column-counters {
  font-family: Sofia, Arial, sans-serif;
}

.custom-column-counters>div.parsys_column {
  padding: 40px 0;
}


.custom-column-counters .text p,
.custom-column-counters .title h1,
.custom-column-counters .title h3,
.custom-column-counters .title h4 {
  text-align: center;
  color: #fff;
}


.custom-column-counters.text-dark .text p,
.custom-column-counters.text-dark .title h1,
.custom-column-counters.text-dark .title h3,
.custom-column-counters.text-dark .title h4 {
  text-align: center;
  color: #000;
}


.custom-column-counters .text p {
  font-size: 19px;
  text-transform: uppercase;
  font-family: Sofia, Arial, sans-serif;
  padding-bottom: 20px;
}

.custom-column-counters .title h1 {
  font-size: 60px;
  line-height: 72px;

  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 10px 10px 10px;
}

.custom-column-counters .title h3 {
  font-size: 24px;
  line-height: 2px;

  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 20px;
}

.custom-column-counters .title h4 {
  font-size: 14px;
  line-height: 2px;
  text-transform: none;
  padding-bottom: 20px;
}

/*
***************************************************************************************************
Text Over Image (text-over-image)
***************************************************************************************************
*/



.custom-text-over-image .text.captiontext {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background-color: #000;
  opacity: .9;
  padding: 1px;
  margin: 0;


  border: 1px solid rgb(255 255 255 / 31%);
  box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, 0.13);
}


.custom-text-over-image .text.captiontext a {
  color: #fff;
  border-bottom: 1px solid #fff;
}


.custom-text-over-image.caption-right .text.captiontext {
  right: 20px;
  left: auto;
}

.custom-text-over-image.caption-center .text.captiontext {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  text-align: center;
}

.custom-text-over-image .image-container {
  position: relative;
}

.custom-text-over-image .image-container .image.border-hide {
  padding: 0;
}

.custom-text-over-image .text.captiontext p {
  margin: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
}


/*theming */
.custom-text-over-image.caption-text-large .text.captiontext p {
  font-size: 24px;
}

.custom-text-over-image.caption-text-small .text.captiontext p {
  font-size: 16px;
}

.custom-text-over-image.text-dark .text.captiontext {
  background-color: #fff;
}

.custom-text-over-image.text-dark .text.captiontext p {
  color: #000;
}

.custom-text-over-image.caption-bg-white .text.captiontext {
  background-color: #fff;
}

.custom-text-over-image.caption-bg-black .text.captiontext {
  background-color: #000;
}

.custom-text-over-image.caption-bg-ub-blue .text.captiontext {
  background-color: #005bbb;
}

.custom-text-over-image.caption-bg-letchworth-autumn .text.captiontext {
  background-color: #e56a54;
}

.custom-text-over-image.caption-bg-solar-strand .text.captiontext {
  background-color: #ffc72c;
}

.custom-text-over-image.caption-bg-greiner-green .text.captiontext {
  background-color: #ebec00;
}

.custom-text-over-image.caption-bg-lake-lasalle .text.captiontext {
  background-color: #00a69c;
}

.custom-text-over-image.caption-bg-capen-brick .text.captiontext {
  background-color: #990000;
}

.custom-text-over-image.caption-bg-bronze-buffalo .text.captiontext {
  background-color: #ad841f;
}

.custom-text-over-image.caption-bg-olmsted-green .text.captiontext {
  background-color: #6da04b;
}

.custom-text-over-image.caption-bg-niagara-whirlpool .text.captiontext {
  background-color: #006570;
}

.custom-text-over-image.caption-bg-victor-blue .text.captiontext {
  background-color: #2f9fd0;
}

.custom-text-over-image.caption-bg-harriman-blue .text.captiontext {
  background-color: #002f56;
}

.custom-text-over-image.caption-bg-baird-point .text.captiontext {
  background-color: #e4e4e4;
}

.custom-text-over-image.caption-bg-townsend-gray .text.captiontext {
  background-color: #666666;
}

.custom-text-over-image.caption-underline-solar-strand .text.captiontext p u {

    border-bottom: 0.2rem solid #ffc72c;
                text-decoration: none;
            }         

.caption-underline-solar-strand .textoverphoto .textblock .text-background h1 u{
                    border-bottom: 0.625rem solid #ffc72c;
                text-decoration: none;
                        }

/*
***************************************************************************************************
Base Styles
***************************************************************************************************
*/

.centeredtext {
  text-align: center;
}


/* background bar styling options */
/* background bar styling options */
.bg-white {
  background-color: #fff !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-ub-blue {
  background-color: #005bbb !important;
}

.bg-letchworth-autumn {
  background-color: #e56a54 !important;
}

.bg-solar-strand {
  background-color: #ffc72c !important;
}

.bg-greiner-green {
  background-color: #ebec00 !important;
}

.bg-lake-lasalle {
  background-color: #00a69c !important;
}

.bg-capen-brick {
  background-color: #990000 !important;
}

.bg-bronze-buffalo {
  background-color: #ad841f !important;
}

.bg-olmsted-green {
  background-color: #6da04b !important;
}

.bg-niagara-whirlpool {
  background-color: #006570 !important;
}

.bg-victor-blue {
  background-color: #2f9fd0 !important;
}

.bg-harriman-blue {
  background-color: #002f56 !important;
}

.bg-baird-point {
  background-color: #e4e4e4 !important;
}

.bg-townsend-gray {
  background-color: #666666 !important;
}

.text-white {
  color: #fff !important;
}

.text-black {
  color: #000 !important;
}

.text-ub-blue {
  color: #005bbb !important;
}

.text-letchworth-autumn {
  color: #e56a54 !important;
}

.text-solar-strand {
  color: #ffc72c !important;
}

.text-greiner-green {
  color: #ebec00 !important;
}

.text-lake-lasalle {
  color: #00a69c !important;
}

.text-capen-brick {
  color: #990000 !important;
}

.text-bronze-buffalo {
  color: #ad841f !important;
}

.text-olmsted-green {
  color: #6da04b !important;
}

.text-niagara-whirlpool {
  color: #006570 !important;
}

.text-victor-blue {
  color: #2f9fd0 !important;
}

.text-harriman-blue {
  color: #002f56 !important;
}

.text-baird-point {
  color: #e4e4e4 !important;
}

.text-townsend-gray {
  color: #666666 !important;
}