/*MYACCOUNT ENERGY LOCALS (liv munro)*/
/*********************
EL fonts
**********************/
 @font-face {
     font-family: "rubikRegular";
     src: url("/Portals/55/fonts/Rubik-Regular.ttf") format("opentype");
     font-weight: 400;
     font-style: normal;
}
 @font-face {
     font-family: "rubikMedium";
     src: url("/Portals/55/fonts/Rubik-Medium.ttf") format("opentype");
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: "museoSansRoundedMedium";
     src: url("/Portals/55/fonts/MSR-500-Medium.woff") format("opentype");
     font-weight: 500;
     font-style: normal;
}
/*use this one*/
:root {
    --primary-text-color: white !important;
    --primary-color: #F16623 !important;
    --primary-background-color: #F16623 !important;
    --secondary-color: #1C3540 !important;
    --secondary-background-color: #1C3540 !important;
    --link-color: #F16623 !important;
    --link-hover-color: #1C3540 !important;
    --footer-text-color: #ffffff !important;
    --footer-background-color: #1C3540 !important; 
    --selected-color: #1C3540 !important;
    --selected-background-color: #f0f0f0 !important; 
    --unselect-color: lightgrey !important;
    --unselect-background-color: #f8f8f8 !important;
    --font-family: 'rubikRegular' !important;
    --header-background-color: #fcfaf9 !important;
    --header-color: #1c3540 !important;
    --fixed-navbar-background-color: #fcfaf9 !important;
    --body-line-height: 26px !important;
    --body-font-size: 16px !important;
    --paragraph-font-size: 16px !important;
    --label-font-size: 16px !important;
    --h1-font-size: 2rem !important;
    --h2-font-size: 1.5rem !important;
    --h3-font-size: 1.375rem !important;
    --h4-font-size: 1.25rem !important;
    --h5-font-size: 1.125rem !important;
    --h6-font-size: 1rem !important;
    --mobile-body-font-size: 16px !important;
    --mobile-paragraph-font-size: 16px !important;
    --mobile-label-font-size: 16px !important;
    --mobile-h1-font-size: 2.5rem !important;
    --mobile-h2-font-size: 2rem !important;
    --mobile-h3-font-size: 1.9rem !important;
    --mobile-h4-font-size: 1.8rem !important;
    --mobile-h5-font-size: 1.7rem !important;
    --mobile-h6-font-size: 1.5rem !important;
    --body-background-image: none !important;
    --body-background-color: #fefefe !important;
    --main-content-background-color: #fcfaf9 !important;
    --main-content-color: #797d89 !important;
    --utilmate-container-width: 60% !important;
    --pane-background-color: #ffffff !important;
    --pane-color: #797d89 !important;
    --pane-border-color: none !important;
    --pane-border-radius: 8px !important;
    --pane-padding: .5rem !important;
    --banner-textbox-size: 50% !important;
    --max-logo-width: 235px !important;
}

/* to change the link & hover  */
a, a:visited , a:link, a:focus, a:active { 
    text-decoration: none;
  }
a:hover { 
text-decoration: underline;
     }
.homeLink{
    font-size: 16px!important;
}     
body{
    font-family:'rubikRegular';
	color: #797d89 !important;
    line-height: 26px!important;
}
p {
    font-family:'rubikRegular';
	color: #797d89!important;
    line-height: 26px!important;
}
.h1,.h2,.h3,.h4,.h5,.h6, h1,h2,h3,h4,h5,h6{
    font-family:'museoSansRoundedMedium';
    color: #1c3540!important;
}

.Container12  {
    border: 0px solid #cecfcf; important;
    border-radius: 8px !important;
    background: #ffffff!important;
    box-shadow: 10px 10px 60px rgba(0, 0, 0, .04);
}
.Container12Content{
    background-color: transparent!important; 
    border-radius: 8px !important;
}

ul li {
    font-size: var(--paragraph-font-size);
    color: #797d89!important;
}
ol li {
    font-size: var(--paragraph-font-size);
    color: #797d89!important;
}

.p-button.u-button{
    font-family:'rubikRegular' !important;
    border-radius:100px;
    padding: 6px 20px!important;
}

footer .footer-above, 
footer .utilmate-pane-background-color{
    background-color: var(--footer-background-color) !important;
}