html, body {
                -webkit-text-size-adjust: 100%;
                -ms-text-size-adjust: 100%;
            }
            
:root {
  --px: 1px;
  --inherit: inherit;
  --spacer: 1rem;

  /* COLORS */
  --dark-gunmetal: #414d6a;
  --bright-gray: #e8f3f5;
  --aqua: #00f7f9;
  --aqua-o-75: rgba(0, 247, 249, 0.75);
  --gunmetal: #2d2d3a;
  --flourescent-blue: #26f7fb;
  --torquoise-blue: #00F0F5;e
  --ua-red: #D9024C;
  --han-purple: #4809E9;
  --columbia-blue: #C6E2E6;
  --gray: #f5f5f5;
  --gray-1: #f0f0f0;
  --blue-pigment: #2e3092;
  --button-blue: #13a0f0;
  --button-blue-rgb: 19,160,240;
  --polic-blue: #414d6a;
  --chinese-black: #101010;
  --quick-silver: #a3a3a3;
}

@font-face {
    font-family: 'Larken';
    src: url('/static-assets/fonts/larken/larkendemo-regular.ttf') format('truetype');
    font-weight: normal;
}
@font-face {
    font-family: 'Larken';
    src: url('/static-assets/fonts/larken/larkendemo-bold.ttf') format('truetype');
    font-weight: bold;
}

/*!
 *  Override Font Awesome
 *  hack just to accomodate icomoon
 */

 
@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon.eot?cishr2");
    src: url("../fonts/icomoon.eot?cishr2#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?cishr2") format("truetype"), url("../fonts/icomoon.woff?cishr2") format("woff"), url("../fonts/icomoon.svg?cishr2#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.fa-chevron-down {
    --fa: none;
    content: "\e905";
}

/* BOOTSTRAP OVERRIDE */
.btn:hover {
    /*background-color: initial;*/
    border-color: none;
}

.btn.bg-ua-red:hover {
    background-color: hsl(339 98% 40% / 1) !important;
}

.btn.bg-han-purple:hover {
    background-color: hsl(267 93% 40% / 1) !important;
}

/* Override column media breakpoint for articles */
@media (min-width:640px) and (max-width: 767.98px) {
    .article-custom-breakpoint {
        .col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}
    }
}

/*
@media (min-width:768px) and (max-width: 1199.98px) {
    .article-custom-breakpoint {
        .col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}
    }
}
*/

.container {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 30px;
}

@media (min-width: 992px) and (max-width: 1380px) {
    .container {
        max-width: 1024px;
    }
}

@media (max-width: 767px) {
    .container {
        padding: 0px 20px;
    }
}


/* Start: COMMON */
body {
    font-family: "Open Sans", Sans-Serif !important;
    font-size: 16px;
    line-height: 16px;
    color: var(--dark-gunmetal);
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

b, strong {
    font-weight: 600;
}

.main-content {
    min-height: 50vh;
}

.h-40p {
    height: calc(var(--px) * 40);
}

.h-inherit {
    height: var(--inherit);
}

.bg-aqua {
    background-color: var(--aqua);
}

.bg-bright-gray {
    background-color: var(--bright-gray);
}

.bg-bright-gray-linear {
    background-color: var(--bright-gray);
    background-image: linear-gradient(#E8F3F5, #FEFEFE);
}

.bg-gunmetal {
    background-color: var(--gunmetal);
}

.bg-torquoise-blue {
    background-color: var(--torquoise-blue);
}

.bg-ua-red {
    background-color: var(--ua-red);
}

.bg-han-purple {
    background-color: var(--han-purple);
}

.bg-columbia-blue {
    background-color: var(--columbia-blue);
}

.bg-gray {
    background-color: var(--gray);
}

.bg-blue-pigment {
    background-color: var(--blue-pigment);
}

.bg-button-blue {
    background-color: var(--button-blue);
}

.bg-police-blue {
    background-color: var(--polic-blue);
}

.fg-ua-red {
    color: var(--ua-red);
}

.fg-gunmetal {
    color: var(--gunmetal);
}

.fg-blue-pigment {
    color: var(--blue-pigment);
}

.fg-button-blue {
    color: var(--button-blue);
}

.fg-police-blue {
    color: var(--polic-blue);
}

.rounded-bl-sm {
    border-bottom-left-radius: calc(var(--px) * 10);
}
.rounded-bl-md {
    border-bottom-left-radius: calc(var(--px) * 25);
}
.rounded-bl-lg {
    border-bottom-left-radius: calc(var(--px) * 35);
}
.rounded-bl-xl {
    border-bottom-left-radius: calc(var(--px) * 45);
}

.rounded-br-sm {
    border-bottom-right-radius: calc(var(--px) * 10);
}
.rounded-br-md {
    border-bottom-right-radius: calc(var(--px) * 25);
}
.rounded-br-lg {
    border-bottom-right-radius: calc(var(--px) * 35);
}
.rounded-br-xl {
    border-bottom-right-radius: calc(var(--px) * 45);
}

.rounded-tl-sm {
    border-top-left-radius: calc(var(--px) * 10);
}
.rounded-tl-md {
    border-top-left-radius: calc(var(--px) * 25);
}
.rounded-tl-lg {
    border-top-left-radius: calc(var(--px) * 35);
}
.rounded-tl-xl {
    border-top-left-radius: calc(var(--px) * 45);
}

.rounded-tr-sm {
    border-top-right-radius: calc(var(--px) * 10);
}
.rounded-tr-md {
    border-top-right-radius: calc(var(--px) * 25);
}
.rounded-tr-lg {
    border-top-right-radius: calc(var(--px) * 35);
}
.rounded-tr-xl {
    border-top-right-radius: calc(var(--px) * 45);
}

.border-han-purple {
    border-color: var(--han-purple);
}

.border-aqua {
    border-color: var(--aqua);
}

button:not(.filter-btn, .search-toggler, .text-normal) {
    font-size: calc(var(--px) * 12) !important;
}
button:hover {
    opacity: 0.75 !important;
}

button.filter-btn {
    font-size: calc(var(--px) * 16) !important;
    color: var(--chinese-black);
    border-color: var(--chinese-black);
}
button.filter-btn:hover {
    border-color: var(--button-blue) !important;
    background-color: var(--button-blue) !important;
}

.btn.bg-aqua:hover {
    background-color: var(--aqua-o-75);
}

footer a {
    text-decoration: none;
}
footer a.circle-link {
    text-decoration: none;
    width: 48px;
    height: 48px;
}
footer a.circle-link:hover {
    background-color: var(--flourescent-blue) !important;
}
footer a.circle-link i {
    font-size: 28px;
}

p img {
    max-width: 100%;
    height: auto;
}


.thinner-p-350 p {
    font-weight: 350;
}

.thinner-p-300 p {
    font-weight: 300;
}

.thicker-h6-500 h6 {
    font-weight: 500;   
}    

.no-margin-p p {
    margin: 0 !important;
}

.rubik {
    font-family: 'Rubik', Sans-Serif !important;
}

.open-sans {
    font-family: 'Open Sans', Sans-Serif !important;
}

blockquote {
    padding-left: 12px;
    border-left: 5px solid #13a0f0;
    margin-bottom: 2rem;
}
blockquote p {
    font-size: clamp(0.7rem, 1.2vw + 0.5rem, 0.78rem);
}

select.form-select:focus {
    box-shadow: none !important;
}

.button-blue-icon .icon {
    color: var(--button-blue);
}

[data-craftercms-field-id="content_html"] a:hover,
p a:hover,
.table td a:hover,
.table-container td a:hover {
    text-decoration: underline !important;
}

/*End: COMMON */

/* LAYOUT */
@media only screen and (max-width: 991px) {
    .container-wrapper {
        margin-top: 125px;
    }
    
    .container-wrapper #subNav {
        margin-top: unset;
        padding-top: unset !important;
    }
}

@media only screen and (max-width: 640px) {
    .home-main {
        padding-top: 80px;
    }
}
/*End: LAYOUT */


/* Start: NAVIGATION */
.nav-link {
    font-size: calc(var(--px) * 14);
    letter-spacing: -0.25px !important;
}

.navbar .dropdown-toggle::after {
    display: none;
}

#navbar {
    position: inherit; /* absolute */
    /*top: 30px;  Initial position 10px from the top */
    width: 100%;
    transition: top 0.3s ease, position 0.3s ease; /* Smooth transition */
    z-index: 4;
}

#navbar.sticky {
    position:unset;  /* absolute */
    top: 0;
    width: 100%;
    z-index: 4;
}
/* End: NAVIGATION */


/* Start: POSITION */
.left-25 {
    left: 25px;
}
.bottom-25 {
    bottom: 25px;
}
/* End: POSITION */

/*Start: DOWNLOAD LINK */
.dl-link.google svg g path:not(:nth-child(17)):not(:nth-child(18)):not(:nth-child(19)):not(:nth-child(20)):not(:nth-child(21)) {
    fill: white;
}
/*End: DOWNLOAD LINK */


/*Start: DROPDOWN */
.dropdown-item:active {
    background-color: var(--bright-gray) !important;
    color: initial;
}
/*End: DROPDOWN */


/*Start: FONTS */
.larken {
    font-family: 'Larken';
}
/*End: FONTS */


/*Start: SPACING */
.mt-6 {
    margin-top: 4.3rem;
}
.pt-6 {
    padding-top: 4.3rem;
}
.pt-7 {
    padding-top: 5rem;
}
.pt-8 {
    padding-top: 6rem;
}

.px-8 {
    padding-left: 6rem;
    padding-right: 6rem;
}

@media only screen and (max-width: 540px) {
    .px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .order-sm-1 {
        order: 1 !important;
    }
    .order-sm-2 {
        order: 2 !important;
    }
    .article-content:not(.header-article-content) p {
        padding-right: 5px;
    }
    .article-content div {
        padding-bottom:0 !important;
    }
}
/*End: SPACING */

/*Start: Border*/
.border-right-visible {
    border-right: 1px solid #2d2d3a;
}

.border-left-visible {
    border-left: 1px solid #2d2d3a;
}

@media only screen and (max-width: 990px) {
    .border-right-visible {
        border-right: none;
    }

    .border-left-visible {
        border-left: none;
    }
}
/*End: Border*/

/*Start: Button*/
.button-purple {
    color: #fff;
    background-color: #4809E9;
    border: 1px solid #4809E9;
    border-radius: 35px;
}

.button-purple-outline {
    background-color: #fff;
    color: #4809E9;
    border: 1px solid #4809E9;
    border-radius: 35px;
}

.button-blue-text {
    color: #13a0f0;
    font-weight: 600;
}

.with-arrow-right-icon i {
    transition: transform 0.2s ease;
}

.with-arrow-right-icon:hover i {
    transform: translateX(10px); 
}

.arrow-right-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 12px;
    margin-top: 0;
    margin-bottom: 2px;
    position: static;
    transform: none;
}
/*End: Button*/


/* Start: INPUT */
input[type="text"]::placeholder {
    font-size: 13px;
}
/* End: INPUT */


/* Start: FONTSIZES */
h1 {
    font-size: clamp(2.8rem, 4.5vw + 0.75rem, 3.625rem);
    font-weight: normal;
}

h1 span{
    text-shadow: 4px 2px 5px rgba(0, 0, 0, 0.08) !important;
}

h2 {
    font-size: clamp(2.4rem, 4vw + 0.5rem, 3.45rem);
    font-weight: 375;
}

h3 {
    font-size: clamp(2.2rem, 3.5vw + 0.5rem, 2.5rem);
    font-weight: 400;
}

h4 {
    font-size: clamp(1.55rem, 3vw + 0.25rem, 1.75rem);
    font-weight: 400;
}

h5 {
    font-size: clamp(1.3rem, 2.5vw + 0.125rem, 1.5rem);
    font-weight: 400;
}

h6 {
    font-size: clamp(1.1rem, 2.5vw + 0.125rem, 1.35rem);
    font-weight: 400;
}

p, ul li, ol li,
.normal-text-size p,
.normal-text-size span,
.normal-text-size a,
.normal-text-size table td,
.news-article__text-content,
.news-article__text-content p {
    font-size: clamp(0.85rem, 1.2vw + 0.5rem, 0.85rem);
}

.larger-p p {
    font-size: clamp(0.85rem, 1.2vw + 0.5rem, 1rem);
}

footer p,
footer a.text-decoration-none {
    font-size: clamp(10.5px, 2vw, 12px);
    padding-bottom: 0 !important;
}

/* End: FONTSIZES */

/* Start: IMAGE ZOOM-IN EFFECT */
.zoom-container {
    overflow: hidden !important; /* Hides part of the image when zooming */
}
    
.zoom-container img {
    width: 100%;
    transition: transform 0.5s ease; /* Smooth zoom effect */
}
    
.zoom-container:hover img {
    transform: translate(0, -50%) scale(1.1); /* Zooms the image to 120% */
}
/* End: IMAGE ZOOM-IN EFFECT */

/* Start: IMAGE AS BACKGROUND */
.background-image-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.background-image {
    display: block;
    position: relative;
    object-fit: cover;
    object-position: 70%;
    width: 100%;
    height: 100%;
}

.parallax-background-image {
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
}
/* End: IMAGE AS BACKGROUND */

/* Start: RTE Override */
.article-content a {
    text-decoration: none;
}

.article-content a:not(.link-text-normal--hover):hover {
    color: #13a0f0 !important;
    transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

.contact a {
    color: white !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}

.contact a:hover {
    text-decoration: underline !important;
    color: white;
}

.contact p > img {
    max-width: 20px;
    margin-right: 10px;
}

.blue-a a {
    color: #13a0f0 !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}

.blue-a a:hover {
    text-decoration: underline !important;
    color: #13a0f0;
}

/* End: RTE Override */


/* Start: TINYMCE */
body#tinymce {
    line-height: 1;
}
/* End: TINYMCE */

/* Start: ANIMATION */
.fade-in-up-animation {
    animation-duration: 0.5s; 
    animation-fill-mode: both; 
    animation-name: fadeInUp;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0,40px,0);
    opacity: 0;
  }
  to {
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}

.fade-in-animation {
    animation-duration: 0.5s; 
    animation-fill-mode: both; 
    animation-name: fadeIn;
}

.fade-in-left-delay-animation {
    animation-duration: 0.3s; 
    animation-fill-mode: both; 
    animation-name: fadeInLeft;
    animation-delay: 0.5s;
}

@keyframes fadeInLeft {
  from {
    transform: translate3d(-100px,0,0);
    opacity: 0;
  }
  to {
    transform: translate3d(0,0,0);
    opacity: 1;
  }
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	    transform: translateY(0);
	}
	
	40% {
	    transform: translateY(-5px);
	}
	
	60% {
	    transform: translateY(-3px);
	}
}

/* End: ANIMATION */

@media only screen and (max-width: 1199.98px) {
     body:not(#tinymce) {
        margin-top:-43px;
    }
    
    body:not(#tinymce).contact-us {
    margin-top:0px;
    }
    
    .deactivate-sticky-footer {
        margin-top:0 !important;
    }

    #subNav:not(.sticky-subNav) {
        padding-top: 10px;
    }
}

/* Start: SHAREHOLDERS' ONLINE REQUEST FORM */

.shareholders-online-request-form a {
    color: #13a0f0;
    cursor: pointer;
    font-weight: bold;
    outline: none;
    text-decoration: none;
}

/* End: SHAREHOLDERS' ONLINE REQUEST FORM */

/* Start: RETAIL ELECTRICITY SERVICES */

.res-content p {
    padding-bottom: 0.35rem;
}

.res-content h6 {
    padding-top: 1rem;
}

/* End: RETAIL ELECTRICITY SERVICES */

/* Start: PRIVACY STATEMENT */

.content-body {
    font-size: 1rem;
    font-family: "Rubik", sans-serif !important;
    font-weight: normal;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
    line-height: 1.63;
    text-align: justify;
}

.content-body strong {
    font-weight: 500;
}

.content-body-two ul, .content--body ul {
    list-style-type: disc;
    padding-left: 5.4rem;
    padding-bottom: 0.5rem;
    line-height: 1.7;
    font-size: 14px;
}

.content--body ul {
    padding-left: 2.7rem;
}

.content--body ul ul{
    list-style-type: circle;
}

.content-body-two ul li {
    padding-bottom: 0.5rem;
}

.content-body-h2 h2, .content-body-h3 h3, .article-content h3, .content-body-table h3 {
    font-size: 1.75rem;
    font-family: "Rubik", sans-serif !important;
    font-weight: normal;
    line-height: 1.14;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
}

.content-body-h3 h3  {
    font-size: 1.375rem;
    margin-bottom: 1rem;
    padding-bottom: 1.25rem;    
    color: var(--blue-pigment);
}

.content-body-h2 p, .sec-header p {
    padding-bottom: 1.25rem;
    font-size: 14px;
    margin-bottom: 0 !important;
}

.content-body-h2 ul li p {
    padding-bottom: .5rem;
}

.content-body-table p{
    color:#fff;
    font-size: 14px;
    line-height: 1.63;
    font-weight: 400;
}

.sec-header h2 {
    font-family: "Rubik", sans-serif;
    font-size: 1.75rem;
    margin-bottom: 3rem;
    color: var(--blue-pigment);
    font-weight:400;
}

.content--body h3{
    font-size: 1.375rem;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    line-height: 1.14;
    color: var(--blue-pigment);
}

.content--body h2, .content--body h3, .content--body h4, .content--body h5, .content--body h6 {
    margin-bottom: 1.5rem;
    margin-top: 2rem;
}

.content--body p {
    padding-bottom: 1.25rem;
    margin-bottom: 10px;
    line-height: 1.63;
}

.article-content h3 {
    /*font-size: 1.16rem;*/
    font-size: 25px;
    margin-top: 0;
}

.article-content:not(.header-article-content) p {
    padding-bottom: 0;
    line-height: 1.63;
}
.article-content.header-article-content p {
    padding-bottom: 0;
    line-height: 1.63;
    font-size: 12px;
    margin-bottom: 0;
}

.article-middle img {
    margin-top: -7.5%;
}

.text-justify {
    text-align: justify;
}

.item-center:nth-child(2) {
    text-align: center;
}

.sec-header h2 {
    color: #ffffff;
}

@media (min-width: 992px) and (max-width: 1380px) {
    h1, .h1 {
        font-size: 2.9rem;
    }
    
}

@media (min-width: 992px) {
    .content-body-h3 {
        padding-right: 50px ;
    }
    
    .article-custom-breakpoint {
        --bs-gutter-x: 2.5rem;
    }
}

/* Start: CLEANERGY */

.cleanergy-content ol {
    list-style-type: decimal;
    padding-left: 2rem;
}

.cleanergy-content li {
    font-size: clamp(0.82rem, 1.2vw + 0.5rem, 0.85rem);
    padding-bottom: 8px;
}

/* End: CLEANERGY */

/* Start: ENERZONE GROUP */

.enerzone-content ul {
    list-style-type: disc;
    padding-left: 2.7rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

.enerzone-content li {
    font-size: clamp(0.82rem, 1.2vw + 0.5rem, 0.85rem);
    padding-bottom: 8px;
}

/* End: ENERZONE GROUP */

.column-content div{
    align-self: center;     
    margin: auto;     
}


/* ARTICLES */
.news-article__category {
    font-size: clamp(0.82rem, 1.2vw + 0.5rem, 0.85rem);
}
.news-article__category:hover {1.
    text-decoration: underline !important;
}

.react-embed .sidebar-article__group a,
.react-embed .article-content-category__group a {
    font-size: clamp(0.82rem, 1.2vw + 0.5rem, 0.85rem);
    font-weight: 500;
}

.react-embed .sidebar-article__title a {
    line-height: 1.3;
}

.news-article__text-content,
.news-article__text-content p {
    line-height: 1.6;
}

.news-article__text-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 1.5rem;
}

/*End: ARTICLES */

/* STICKY SOCIAL MEDIA */
.social-media {
    position: fixed;
    top: 260px;
    left: 5vw;
    width: 50px;
}

.social-media.sticky {
    z-index: 4;
}

.social-media ul {
    padding: 0;
}

.social-media ul li {
    list-style: none;
}

.social-media .social-media--link {
    display: block;
    width: 50px;
    height: 60px;
}

.social-media .social-media--link i {
    font-size: clamp(1.8rem, 1vw + 1.5rem, 2rem);
}

@media (max-width: 991px) {
    .social-media {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
    }
    
    .social-media ul {
        display: flex;
    }
    
        .body-extend-delete {
        margin-bottom:-45px;
    }
}
/* End: STICKY SOCIAL MEDIA */

/* THERMA POWER VISAYAS */

.therma-power-viz h6 {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.therma-power-viz p {
    padding-bottom: 1rem;
}

/* End: THERMA POWER VISAYAS */


/* NEWSROOM */
#newsroom-root {
    min-height: calc(100vh - 200px);
}

#filter-box {
  opacity: 0;
  height: 0;
  overflow: hidden; /* Hide overflowing content */
  visibility: hidden; /* Ensure it's hidden when collapsed */
  transition: height 0.5s ease, opacity 0.5s ease;
}

.article-content__title--hover:hover span,
.sidebar-article__title--hover:hover {
    color: var(--button-blue) !important;
}

.link-text-normal--hover:hover {
    color: var(--blue-pigment) !important;
}

.link-text-normal--underline:hover {
    text-decoration: underline !important;
}

/* End: NEWSROOM */


/* PSEI */
@media (min-width: 992px) {
    #psei-root .fw-semibold {
        font-weight: normal !important;
    }
}
/* End: PSEI*/

/* PAGINATION */
.page-item {
    margin: 0 0.3rem;
}
.page-item .page-link {
    background-color: var(--quick-silver);
    border: 1px solid var(--quick-silver);
    color: white;
}
.page-item.active .page-link {
    background-color: var(--button-blue);
    border-color: var(--button-blue);
}
/* End: PAGINATION */

/* GOVERNANCE TEAM */

.individual-description-title {
    font-size: 1.125rem; 
    font-family: 'Rubik'; 
    color: #414d6a; 
    font-weight: 450;
}

.individual-description img {
    pointer-events: none; 
    float: left; 
    max-width: calc(50% - 10px); 
    margin: 0 2rem 20px 0;
}

@media (max-width: 767px) {
    .individual-description img {
        float: none;
        clear: both;
        margin-bottom: 25px;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        margin-right: 0;
    }
    .social .dropdown-menu li:nth-child(4) a{
        white-space: pre-wrap;
        line-height: 1.2;
    }
    .article-content h3 {
    font-size: 22px;
    }
    
    #faq-text-content-one {
        padding-top:0 !important;
    }
    
    #faq-text-content{
        padding-right: 5px;
        padding-left: 5px;
    }
    
    #faq-text-content .mini-accordion-body-wrapper {
    width: 100%;
    }
    
    #faq-text-content h2, #faq-text-content-one h2, #faq-text-content-two h2, #analystCoverage h2, #faq-text-dividend h2, #faq-taxation h2, #faq-shares h2, #faq-change-address h2{
        line-height:1.14 !important;
        font-size: 1.5rem !important;
        padding-right: 16px;
    }
    
    #faq-text-content-two h2{
        margin-bottom: 1rem !important;
        padding-right: 0;
    }
    
    #faq-text-content p, #faq-text-content-one p, #faq-text-content-two p,  #faq-text-dividend h2, #faq-taxation p, #faq-shares p, #faq-change-address p {
        font-size: .875rem;
        line-height: 1.25;
    }
    
    #faq-text-content-two p{
        padding-right: 5px;
        padding-left: 5px;
    }
    
    #analystCoverage h2{
        margin-bottom: 2rem;
    }

}

/* End: GOVERNANCE TEAM */

/* End: ANIMATION */

@media (min-width: 1199.98px) {
    .column-3 .col-lg-4 {
        width: calc(33.333333% - 40px);
        margin: 0px 20px 50px;
        padding: 0px;
    }
    .column-3 .article-card {
        padding: unset;
    }
    .column-3 .row.article-custom-breakpoint {
        margin: 0px -20px;
    }

}

@media (min-width: 992px) and (max-width: 1380px) {
    body, #ownershipStructure .content--body p {
        font-size: 1rem;
    }
    #ownershipStructure .highlight-one {
        padding-bottom: 100px;
    }
}

@media (min-width: 992px) {
    #ownershipStructure .highlight-one {
        padding-bottom: 100px;
    }
}

#ourValues h5 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1.75rem;
    font-weight: 300;
    color: #fff;
}

.table-analyst-coverage table tr td{
    font-size: 14px;
    color: #414d6a;
    line-height: 1.63;
}

.table-analyst-coverage table tr:nth-child(odd) td{
    background: #f0f0f0;
}

.table-analyst-coverage a:not(.button--primary), .table-analyst-coverage a:not(.button--secondary) a:not(.btn-text) {
    color: #13a0f0;
    font-weight: 600;
    text-decoration: none;
}

.we-hold h5 {
    line-height: 1.2; 
    font-size:1.375rem;
    font-family:"Rubik",sans-serif;
}

#analystCoverage table {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  overflow-x: auto;
  white-space: nowrap;
}

#analystCoverage a:hover, #downloads a:hover {
    text-decoration: underline !important;
}

a.link-hover {
    text-decoration: none;
    color: #3598db;
}

a.link-hover:hover {
    text-decoration: underline;
}

.container.what-we-do {
    padding-left: 10px;
}

.career-articles h5 {
    font-size: 24px;
}

.career-articles p {
    font-size: 16px;
}

.career-articles .article-content {
    margin-top: 25px;
}

@media (max-width: 991px) {
    #WhoWeAreCareers .column-content div, .container.what-we-do{
        margin: inherit;
        max-width: none !important;
        padding-top: 8px !important;
        padding-bottom: 3px !important;
    }
    
    .container.what-we-do{
        padding-left: 30px;

    }
    
    #WhoWeAreCareers h2, #CareersWhatWeDo h2{
        font-size: 3.625rem;;
    }
    
}

@media (max-width: 640px) {
    .career-articles h5 {
        font-size: 21px;
    }
    
    .career-articles p {
        font-size: 14px;
    }
    
    .career-articles .article-content {
        padding-bottom: 3rem;
    }
    
    #WhoWeAreCareers h2, #CareersWhatWeDo h2{
        font-size: 24.5px;
    }
    
    #WhoWeAreCareers p, #CareersWhatWeDo p{
        font-size: 15.75px !important;
        margin-bottom: 0.4rem;
    }
    
    #WhoWeAreCareers a, #CareersWhatWeDo a{
        font-size: 14px !important;
    }    
        
    #WhoWeAreCareers section, #CareersWhatWeDo section{
        padding-top: 5px !important;
        padding-left: 10px !important;
        padding-bottom: 10px !important;
    }
    
        
}

.home-planet h2 {
    margin-bottom:1.5rem;
}

.home-planet h5 {
    font-size: 22.4px;
}

.home-planet h6 {
    font-size: 1.2rem;
}


.home-planet p, .home-planet a {
    max-width: 95%;
    opacity: .8;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.6 !important;
}

.home-planet .first-p p {
    max-width: 100%;
    opacity: inherit;
}

.home-planet a {
    opacity: inherit;
    font-weight: 600 !important;
}

@media (min-width: 992px) and (max-width: 1380px) {
    .home-planet h2 {
    font-size: 2.8rem;
    }
}