
/*
* Style Overrides 


CEC colors

light blue: #DFEBF5
Dark blue: #002A56      #004678
Medium dark  blue:    #004678
Meditum blue:   #1f5589

Gold:       #E7AE22

*/




body .uwy.userway_p1 .uai {
    top: 26px!important;
    right: -29px!important;
    left: auto!important;
}


.header-logo {
    padding-left: 77px;
    width: 375px;
    }



h3 {
 margin-bottom: 20px;
}

h2 {
    margin-top: 35px;
    margin-bottom: 35px;
}



.blue {
    --tb_pr_color: #FFFFFF;
    --tb_pr_bg: #1f5589;
    --tb_pr_hover_bg: #1f5589;
}

.ui.builder_button, .header-button .module-buttons.outline a.ui.builder_button.ui.blue {
    padding: .725em 1.75em .625em 1.75em;
}


.padding-left { 
    padding-left: 100px;
    padding-right: 100px;

}

/*For the announcement bar */

.announCarouFredSel_wrapper {overflow: visible!important;}

.themify_announcement.bar .announcement_container {
    max-width: 90%;
    padding-bottom: 15px;
}

.themify_announcement.bar .announcement_content {
    margin: 4px 20% 0 0;
    line-height: 1.3em;
}

#announcement_bar_slider .announcement_content {
    padding-right: 9%;
}



.page-heading {
    display: inline-block;
    float: left;
    text-shadow: 0 1px rgba(0,0,0,0.5);
    margin-bottom: 0;
    max-width: calc(62% - 27px);
 padding: 27px 27px 27px 100px;
     /*  padding: calc(27px - 5vh) calc(27px - 5vw) calc(27px - 5vh) calc(100px - 5vw);*/
    background-color: #004678;
    z-index: 10;
    position: absolute!important;
    left: 0px;
    top: -107px;

}

li.no-marker {list-style: none;}


ol.alpha {
    list-style: lower-alpha;
}

ol.lower-roman {
    list-style:lower-roman;
}


.page-heading h1 {
    font-size: 41px;
    letter-spacing: 2px;
    margin-bottom: 0px;
    text-shadow: 5px 5px 4px rgba(0,0,0,.3);
    font-family: "gotham-black"!important;
    font-weight: 700;

}


.page-heading:after {
    content: "";
    background: linear-gradient(to bottom right,#004678 50%,rgba(255,255,255,0.001) 51%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff004678',endColorstr='#00ffffff',GradientType=0);
    display: block;
    width: 27px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    
}

.page-leadin {
    margin-top: -48px;
background-color: #DFEBF5;
    color: #004678;    
    font-size: 20px;
    line-height: 1.7em;
    padding-top: 70px;
    padding-left: 100px;
        padding-right: 15%;
}

.page-leadin .tb_text_wrap {
   font-family: "helvetica-neue-med";
        font-weight: 400;
 
}

.page-leadin.white {
    margin-top: -48px;
background-color: #FFFFFF;
}




.themify_announcement .close {
  /*  color: #FFFFFF;*/
    right: 50px;
}

.themify_announcement.bar .carousel-nav-wrap {
    position: absolute;
    top: 34px;
    right: 22px;
}

.themify_announcement h3 {
  padding-top: 5px;
    font-size: 14px;
    line-height: 1.3em;
}

.themify_announcement h4 {
    font-size: 13px;
    padding-top: 15px;
    letter-spacing: normal;
    font-weight: normal;
    line-height: 1.3em;
}


.themify_announcement .announcement_post a.action-button {
    background: #efa840;
    color: #000000!important;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none!important;
    margin-left: 1.1em;
    padding: 0.4em 0.7em;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0px;
    white-space: nowrap;
  float: right;
    margin-top: -50px;
    margin-right: -155px;
}

.themify_announcement .toggle-close {
    background: #0b89c4; 
    color: #fff;
}

/*so text links are more visible inside the accoridions.. */


.ui .accordion-content .tb_text_wrap a {
    color: #00a5df;
}
/* removing the background color */
.module_row .ui.module-accordion{
    background-color: transparent;
}

.enroll-step1 {
    padding: 1.5em;
    background-color: #fffac3;
    border-radius: 6px;
    border: solid 1px #cccccc;
    margin-bottom: 20px;
    margin: 2em 0 2em  .5em;
    position: relative;
}



.enroll-step1:before {
    content: '';
    background-image: url(images/icon-paper.png);
    background-size: 55px 55px;
    width: 55px;
    height: 55px;
    position: absolute;
    display: inline-block;
    top: -26px;
    left: -24px;
}





/*remove box shadow inset on accordions */
.ui.module-accordion>li.current .accordion-content{
    box-shadow: none;
}

.module-accordion.tb_default_color .accordion-title{
    box-shadow: none!important;
}


/* this removes the background colors and borders for the accordions*/
.tb_default_color, .tb_default_color.nav, .tb_default_color.nav ul, .tb_default_color.separate>li, .module-tab.tb_default_color .tab-nav li, .tb_default_color.vertical .tab-nav, .module-tab.panel.tb_default_color .tab-nav, .module-accordion.tb_default_color .accordion-title, .tb_default_color.module-callout {
    background-color: transparent;
    border: none!important;
}


.bttn-outline .tb_default_color {
    border: 1px solid !important;
}


.ui.module-accordion .accordion-title {
    padding-bottom: 15px;
}

/*
.ui.module-accordion .accordion-content {
    margin-top: -25px;
}


http://dsgs.olivine2stage.wpengine.com/wp-content/uploads/sites/14/2023/07/icon-battery.png
http://dsgs.olivine2stage.wpengine.com/wp-content/uploads/sites/14/2023/07/icon-market.png
*/


/* home page options, add icons 

Option 1*/

.option-1.module-accordion,.option-2.module-accordion,.option-3.module-accordion, .option-4.module-accordion, .non-provider.module-accordion {
    margin-left: 82px;
    margin-bottom: 25px!important;
}


.option-1.module-accordion::before {
    content: '';
    background-image: url(images/icon-genny.png);
    background-size: 75px 65px;
    width: 75px;
    height: 65px;
    position: absolute;
    display: inline-block;
    top: -17px;
     left: -90px;
}

.option-2.module-accordion::before {
    content: '';
        background-image: url(images/icon-market.png);
    background-size: 75px 65px;
    width: 75px;
    height: 65px;
    position: absolute;
    display: inline-block;
    top: -17px;
     left: -90px;
}

.option-3.module-accordion::before {
      content: '';
    background-image: url(images/icon-battery.png);
    background-size: 75px 65px;
    width: 75px;
    height: 65px;
    position: absolute;
    display: inline-block;
    top: -17px;
     left: -90px;
}


.option-4.module-accordion::before {
    content: '';
    background-image: url(images/icon-virtual-power-bttn.png);
    background-size: 75px 65px;
    width: 75px;
    height: 65px;
    position: absolute;
    display: inline-block;
    top: -17px;
     left: -90px;
}




.non-provider.module-accordion::before {
      content: '';
    background-image: url(images/icon-gear-briefcase-doc.png);
    background-size: 75px 65px;
    width: 75px;
    height: 65px;
    position: absolute;
    display: inline-block;
    top: -17px;
     left: -90px;
}




body.entry-password-required #content {
	width: 100%; 
	    text-align: center;
    padding: 5%!important;
}



#pagewrap .back-top.back-top-float {
	z-index: 200;
}



.ui.nav {
    border-radius: 0px;
    box-shadow: none;
    position: relative;
}



body.fixed-header.page-loaded #headerwrap.fixed-header {
    position: fixed;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}

/*
 .module_subrow.menu-container {
     background-image:url(images/gold-stripe.png); 
     background-position: 53.5% 100%;
     background-repeat: repeat-x;
     
}
*/

.footer-widgets .col3-1 {
    margin-top: -55px;
}


.footer-widgets .col3-1 strong {
    font-size: 22px;
}



#main-nav .nav-spanish a {
    padding-left: 40px;
/*	text-transform: uppercase;
	font-size: 98%;*/
}



/*
#footer-logo img {
	max-width: none;
    width: 480px;
    top: -50px;
    right: 140px;
    position: relative;
	
}
*/

 a.ui.builder_button.ui{
letter-spacing: 1px;
}




.module-buttons.outline a.ui.builder_button.ui.blue{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    font-weight: bold;
    padding: 20px 35px;
	font-size: 14px;
    color: #1f5589;
    background-color: transparent;
    border: 1px solid #1f5589;
}

.module-buttons.outline a.ui.builder_button.ui.blue:hover{
    color: #FFFFFF;
    background: #1f5589;
    border: 1px solid #1f5589;
}

.module-buttons.outline a.ui.builder_button.ui.blue:active{
    color: #FFFFFF;
    background-color: #555555;
    border: 1px solid #555555;
}



.module-buttons a.ui.builder_button.ui.orange{
    border: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    font-weight: bold;
    padding: 20px 35px;
 font-size: 14px;
color: #000000;
background-color: #efa840;
}


.header-button .module-buttons a.ui.builder_button.ui.orange {
    border: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: bold;
    padding: 12px 30px 10px 30px;
    font-size: 14px;
    color: #000000;
    background-color: #efa840;
    letter-spacing: .075em;
}




.module-buttons a.ui.builder_button.ui.orange:hover{
    color: #FFFFFF;
    background-color: #efa840;
}

.module-buttons a.ui.builder_button.ui.orange:active{
    color: #000000;
    background-color:  #BF7E2A;
}

.header-button {
    position: absolute!important;
    right: 80px;
    top: 16px;
    z-index: 100;
}


#headerwrap.fixed-header {
    background-color: rgba(255,255,255,1.0);
}






/* takes the padding off the top*/


#header {
    padding: 0em 0;
}

#headerwrap.fixed-header #header {
    padding-top: 0px; 
    padding-bottom: 0px;
}

#content {
    padding: 0% 0;
}

/* adds padding back fro blog list pages*/
.archive #content {
    padding: 4% 0;
}

/* remove border arund iframes */
.video-wrap video, .video-wrap iframe, .video-wrap object, .video-wrap embed {
    border: none;
}


/* this makes the top li in a submenu hover persistent 
#main-nav li:hover > a {
	background-color: #1f68ad;
	color: #FFF;
}
*/
/* this makes the left adjustment aligned with parent for submenu */

#main-nav li:not(.themify-widget-menu)>ul {
    left: 0px;
}


/* make the portfolio nav next/prev smaller */
.post-nav a {
    display: block;
    font-size: 13px;
    letter-spacing: normal;
    text-decoration: none;
	line-height: 1.2em;
}



.footer-disclaimer {
    width: 485px;
    height: auto;
  position: relative;
    right: 0px;
    margin-bottom: -76px;
    float: right;
    
}


.footer-logo-cec{
    max-width: 125px;
    
}




/* ====================        Tables     ==========================*/

table.marketing-files {
	margin-top: 25px;
	margin-bottom: 45px;
	background-color: #f1f1f1;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:  rgba(0,0,0, 0.12);
	border-bottom-color: rgba(0,0,0, 0.12);
	border-left-color: rgba(0,0,0, 0.12);
	border-spacing: 0px;
	width: 100%;
	min-width: 650px;
	text-align: left;
}

table.marketing-files tr {
	border-bottom: 1px solid rgba(0,0,0, 0.12);
	border-right: 1px solid rgba(0,0,0, 0.12);
}


table.marketing-files td {
	border-right: 1px solid rgba(0,0,0, 0.12);
	border-bottom: 1px solid rgba(0,0,0, 0.12);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #000000;
	font-size: 13px;
	text-align: left;

}

table.marketing-files td a{
	color: #177996;

}

table.marketing-files tr.tableheading, .tableheading{
	text-transform: uppercase;
	font-size: 13px;
	background-color: #177996;
	padding: 5px;
	letter-spacing: 1px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}



table.marketing-files tr.tableheading a, .tableheading a{
	color: #FFFFFF;
	text-decoration: none;
}

table.marketing-files tr.tableheading a:hover, .tableheading a:hover{
	color: #ffffff;
	text-decoration: underline;
}

table.marketing-files tr th {
	border-right: 1px solid rgba(255,255,255, 0.12);
	padding: 5px;
	
}

table.marketing-files tr.odd {
	background-color: #666666;
	color: #CCCCCC;
}



.data-table {
    max-width: 85%; 
    width: 450px;
    margin-left: 0px;
}

.data-table-large {
    max-width: 98%; 
    margin-left: 0px;
}

.data-table-large ul, ol {
    margin: 0 0 5px 0.5em;
    padding: 0;
}

.data-table-large li {
    margin: 0 0 5px;
    padding: 0;
    line-height: 1.3em;
}

.data-table-large br {
    margin: 0px;
    padding: 0px;
}

.tablepress {
   color: inherit !important;
}

.data-table-large  td{
    line-height: 1.4em;
        font-size: 85%;
}


.tablepress>:where(thead,tfoot)>*>th {
    line-height: 1.2em!important;
    font-size: 14px;
}





/* overrides for formidable*/

.frm_style_formidable-style.with_frm_style .frm_submit button {
    background: #004678;
    border-width: 1px;
    border-color: #004678;
    border-style: solid;
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    border-radius: 0px;
}














/* overrides for recent posts extended */

.rpwe-block ul {
}

#content .rpwe-block ul li {
	list-style: none;
	margin-left: 0px;
	}


.rpwe-block li {
	padding-top: 15px;
	margin-bottom: 15px;
}
.rpwe-block a.more-link {
	font-weight: normal;
	font-size: 95%;
}
.rpwe-block a:hover.more-link {
	text-decoration: underline;
}
.rpwe-block h3 {
	font-size: 13px;
	line-height: 1.3em;
	margin-bottom: 5px;
}
.rpwe-thumb {
	margin-right: 3.5%;
}
.rpwe-summary {
	font-size: 85%;
}
.rpwe-time {
	font-size: 75%;
	font-style: italic;
	color: #999;
}
.rpwe-alignleft {
	float: left;
}
.rpwe-alignright {
	float: right;
}
.rpwe-alignnone {
}
.rpwe-clearfix:before, .rpwe-clearfix:after {
	display: table;
}
.rpwe-clearfix:after {
	clear:both;
}
.rpwe-clearfix {
	zoom: 1;
}



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

    .faq.page-leadin {padding-top: 12%;}


	
}
@media screen and (max-width: 1280px) {

    .header-logo {
    width: 340px;
}	
	
}
@media screen and (max-width: 1160px) {




	

}
@media screen and (max-width: 1100px) {
	


	
}
@media screen and (max-width: 1050px) {

	
.footer-disclaimer {
    width: 485px;
    height: auto;
    position: relative;
       bottom: 15px;
    margin-bottom: 15px;
    float: none;
    
}


.footer-logo-cec{
    max-width: 125px;
}

	
	
}
@media screen and (max-width: 980px) {


body .uwy.userway_p1 .uai {
    top: 11px!important;
    right: -37px!important;
    left: auto!important;
}    
    
     
 .faq.page-leadin {
    padding-top: 11%;
}
  .page-heading,  .page-leadin{
    padding-left: 80px;
    }
    
    .padding-left {
     padding-left: 80px;
    padding-right: 80px;
    }
    
 .page-heading     {
   padding-top: 15px; 
    padding-bottom: 15px;
   top: -81px;
    }
  
     .page-heading    h1 {
 font-size: 34px;
    
    }   
    
 .header-button {
    position: fixed;
    right: 80px;
    top: 13px;
}

    
.header-logo {
        position: relative;
        max-width: 325px;
    width: 325px;
    top: 1px;
    left: -25px;
    padding-left: 100px;
    
    }
    
.themify_builder_content-36 .module_row.header-custom {
    max-height: 74px;
    padding-top: 0px;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 30%);
}    
    
.themify_builder.themify_builder_content>.module_row.header-custom {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    max-height: 80px;
    padding-top: 0px;
}

    
    .module_subrow.menu-container {background-image:url(images/spacer.gif)!important;}
    
    
    
    /* 
    
    
.header-custom .module-menu .menu-module-burger {
    color: rgba(0, 81, 121, 1);
    padding: 1em 1em 1.65em 1em;
    background-color: #efa940;
    border-radius: 0;
}   
   
.header-custom .module-menu .menu-module-burger:hover {
    color: #ffa100;
    background-color: #1f5589!important;
    border-radius: 0;
}  
 */    
       
.header-custom .menu-module-burger-inner {
    width: 35px;
    height: 1em;
    border-bottom: 2px solid;
}

.header-custom .menu-module-burger {
    cursor: pointer;
    color: inherit;
    box-shadow: none !important;
    width: 35px;
    line-height: 1;
    padding: 12px 10px 10px 12px;
    border-radius: 100%;
    box-sizing: unset;
      display: block;
    position: relative;
    top: -64px;
} 
    
.header-custom .mobile-menu-module>.menu-close {
    top: 0px;
    right: 0px;
    }
    
    
.mobile-menu-module.module-menu .nav > li > a {
    border-top-style: none;
    border-bottom: none!important;
    padding-top: 10px;
    padding-bottom: 10px;
}
  
  .mobile-menu-module ul a:hover {
     background-color: #004678!important;
}   
    
    /*
 .module-menu .nav > li > a,  .module-menu .nav > li > a:hover {
    background-color: #FFFFFF;
}  

  div.mobile-menu-module {
    background: #005179;
    }   
    
.mobile-menu-module ul a {
    font-size: 18px;
    color: #ffa100;
  
}
    
 
  .mobile-menu-module ul a:active {
    color: #aac841;
}       
    
 .mobile-menu-module>.menu-close {
    color: #FFFFFF;
  
}    
    
    */

   
    
  
    /*
.menu-module-burger .screen-reader-text {
    clip: inherit;
    clip-path: none;
    height: auto;
    margin: auto; 
    overflow: visibility;
    padding: 0;
    position: absolute;
    width: auto; 
    word-wrap: normal !important;
      top: 48px;
    text-transform: uppercase;
    left: 17px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}   
    
    */

    
}
@media screen and (max-width: 880px) {


    
  .page-heading, .padding-left, .page-leadin{
    padding-left: 30px;
      padding-right: 5%;
    }
      
 .page-heading h1 {font-size: 25px }   
   /* 
 .page-heading {min-width: 70%;  } */
    
 
    
	
.module-image .image-wrap {
    width: auto;
    max-width: 100%;
    position: relative;
    display: block;
}	
	

	
	

}
@media screen and (max-width: 783px) {



	
	
}
@media screen and (max-width: 768px) {

h1 {
    font-size : 30px
   
    }
	
h2 {
    font-size : 25px
   
    } 
    
h3 {
    font-size : 18px
   
    } 
        
  h3 {
    font-size : 16px
   
    }   
    
	
.themify_announcement.bar .carousel-nav-wrap {
    position: absolute;
    top: 90px;
    right: 25px;
    z-index: 500;
}    
    
.themify_announcement.textleft .announcement_post {
    width: 78%;
}
	
.header-logo {
 
}
	
 
    
    
  .module-icon .module-icon-item a, .module-icon-item {
    display: block;
    margin-top: 20px;
}  
    
 .module-icon-item + .module-icon-item {
    margin-left: 0;
}   
    
 iframe {
   width: 100%;
    min-height: 185px;
    height: auto!important;
}   
    
    
    
	
}

@media screen and (max-width: 768px) and (orientation: landscape) {


}




@media screen and (max-width: 680px) and (orientation: landscape) {

	
}

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

.faq.page-leadin {padding-top: 22%;}   
    
.header-logo {
        position: relative;
    top: 1px;
            max-width: 175px;
    width: 175px;
    left: -35px;
    overflow: hidden;
    }
    
    .header-logo img {
        max-width: 221px;
        width: 221px;
    }
    
    
    
.header-button {
    position: fixed;
   right: 70px;
        top: -67px;
}
 
  .header-button .module-buttons a.ui.builder_button.ui.orange {
    padding: 5px 7px;
    font-size: 12px;
   
}  

	.ui.builder_button, .header-button .module-buttons.outline a.ui.builder_button.ui.blue {
    padding: 0.525em 1.2em 0.525em 1.2em;
}	
	
.module-buttons.xlarge span, .module-buttons.large span, .module-icon.large span {
    line-height: 1.3em;
}	

    /*
.module-buttons.o-bttn-teal a.ui.builder_button.ui.blue, .module-buttons a.ui.builder_button.ui.blue, .module-buttons.join-orange a.ui.builder_button.ui.orange, .module-buttons a.ui.builder_button.ui.orange{
     padding-top: 10px;
	padding-bottom: 10px;
}
*/


  .option-1.module-accordion,.option-2.module-accordion,.option-3.module-accordion {
    margin-left: 55px;
    margin-bottom: 25px!important;
}
.option-1.module-accordion::before, .option-2.module-accordion::before,.option-3.module-accordion::before   {
    background-size: 65px 57px;
     width: 65px;
    height: 57px;
    top: 2px;
    left: -72px;
}


.footer-disclaimer {
    width: auto;
       display: block!important; 
    margin: auto;
    text-align: center!important;
    }
    
.module-image.footer-logo-cec  .image-wrap img, .footer-logo-cec{
   display: block; 
    margin: auto;
}

    
   .footer-horizontal-left #footer .footer-nav, .footer-horizontal-right #footer .footer-nav {
    text-align: center; 
    }
    
    .footer-text {text-align: center;} 
    
    
}
@media screen and (max-width: 480px) {



}