/****** custom-page ******/
 
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/exc-fonts/open-sans/regular/opensans-regular-webfont.eot");
  src: url("../fonts/exc-fonts/open-sans/regular/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/exc-fonts/open-sans/regular/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/exc-fonts/open-sans/regular/opensans-regular-webfont.woff") format("woff"), url("../fonts/exc-fonts/open-sans/regular/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/exc-fonts/open-sans/regular/opensans-regular-webfont.svg#Open Sans") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Diodrum-Regular';
  src: url('../fonts/diodrum/Diodrum-Regular.woff2') format('woff2'),
       url('../fonts/diodrum/Diodrum-Regular.woff') format('woff'),
       url('../fonts/diodrum/Diodrum-Regular.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}
@font-face {
  font-family: 'Diodrum-Bold';
  src: url('../fonts/diodrum/Diodrum-Bold.woff2') format('woff2'),
       url('../fonts/diodrum/Diodrum-Bold.woff') format('woff'),
       url('../fonts/diodrum/Diodrum-Bold.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}

@font-face {
  font-family: 'Diodrum-Semibold';
  src: url('../fonts/diodrum/Diodrum-Semibold.woff2') format('woff2'),
       url('../fonts/diodrum/Diodrum-Semibold.woff') format('woff'),
       url('../fonts/diodrum/Diodrum-Semibold.ttf') format('truetype');
       font-weight: 600;
       font-display: swap;
       font-style: normal;
}


body {
background: #eee; /* DELETEME, test style */

  font-family: 'Diodrum-Regular', 'Helvetica Neue', sans-serif;
}

#main .header{ background-image: url(../images/custompage-hero-large.jpg);background-repeat: no-repeat;background-size: cover;height: 650px;}


.header .navbar-brand img {
max-width: 140px !important;
}



.header .empower{margin-left:auto;}


.hero{display:flex;align-items: center;height: auto;padding: 6.25rem 0;}		
.hero h1{  font-family: 'Diodrum-Regular';margin-top: 2rem;
margin-bottom: 1.5rem;
font-weight: 500;
line-height: 1.2;font-size:4.5rem;margin:
10rem 0 0 0;
 width:375px;}
 .hero h1 strong{ font-family: 'Diodrum-Semibold';}

@media (max-width: 1076px) {

#main .header{background-position:center;}

}

@media only screen and (max-width: 575px) {
.navbar-brand{margin-right:0;}
#main .header{ background-image: url(../images/custompage-hero.jpg);background-repeat: no-repeat;background-size: cover;height:auto}
.header .empower {
  margin-left: 0;
}

.hero h1{margin:    1rem 0 0 0;
  font-size: 3.5rem;
 
  width: 300px;
}
.empower img {
  width: 150px;
  padding:  20px;
}
.header .navbar-brand img {
  max-width: 100px !important;
}

}





.subhead{font-size: 2rem;line-height: 2.8rem;}
#content,.main-content{border:0;background:#fff;}


h2{font-size: 3rem;
color: #170D67;
font-family: "Diodrum-Regular";margin-top: 2rem;
margin-bottom: 1.5rem;
font-weight: 500;
line-height: 1.2;
}

.subhead a,
p a:link,
li a:link{font-weight: bold;color:#6E06C1;text-decoration: none;}


.ckeditor-accordion-toggler,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before, 
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after,
.ckeditor-accordion-container > dl dt > a:hover, 
.ckeditor-accordion-container > dl dt > a:not(.button):hover,
.ckeditor-accordion-container > dl dt > a, 
.ckeditor-accordion-container > dl dt > a:not(.button){color:#333;
font-family: 'Diodrum-Regular';
font-size: 1.8rem;
font-weight: normal;


}
dt{border-top: solid 1px #D8D8D8;padding:1.5rem;}


.ckeditor-accordion-container  dl dt  a, .ckeditor-accordion-container  dl dt  a:not(.button),
.ckeditor-accordion-container  dl dt  a:hover, .ckeditor-accordion-container  dl dt  a:not(.button):hover{background:transparent!important;padding:0;border:0;}


.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before, 
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after{background:#170D67}


.callout-box{background: linear-gradient(252.86deg,#170D67 57.65%,#6E06C1 93.62%);

color:#fff;

}
.callout-box  h2{color:#fff;}
.callout-box h3{color:#00e4a5;  font-family: 'Diodrum-Regular';}

.callout-box a.btn{background:#00e4a5;border-radius: 20px;color:#170D67;font-weight: bold;  font-family: 'Diodrum-Regular';}


footer, header,.highlighted{display: none;}

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

  dd img{width:100%;}
  
  }
  .context-energytips p, .context-energytips p.subhead, {
    font-family: 'Diodrum-Regular';
  }
  .context-energytips .link:visited, a:visited {
    color: #6E06C1;
  }