/* ------- */
/* Imports */
/* ------- */

@import 'css/utilities.css';
@import 'css/components.css';
@import 'includes/core/ui/locations-map/locations-map.css';

/* --------- */
/* Variables */
/* --------- */

:root {
    /* Colors */
    --iir-energy-blue: #0847ad;
    --iir-energy-blue-rgb: 8, 71, 173;
    --iir-energy-dark-blue: #0b2754;
    --iir-energy-dark-blue-rgb: 11, 39, 84;
    --iir-energy-orange: #ff8522;
    --iir-energy-orange-rgb: 255, 133, 34;
    --iir-energy-dark: #1a1a1a;
    --iir-energy-dark-rgb: 26, 26, 26;
    --iir-energy-light-grey: #f4f4f4;
    --iir-energy-light-grey-rgb: 244, 244, 244;
    --iir-energy-dark-grey: #545454;
    --iir-energy-dark-grey-rgb: 84, 84, 84;

    /* Energy Styles */
    --iir-energy-glass: blur(10px);
    --iir-energy-background-glass: rgba(0, 0, 0, 0.1);
    --iir-energy-background-glass-light: rgba(255, 255, 255, 0.15);
    --iir-energy-background-glass-medium: rgba(0, 0, 0, 0.35);
    --iir-energy-background-glass-dark: rgba(0, 0, 0, 0.65);
    --iir-energy-background-glass-blue: rgba(8, 71, 173, 0.5);
    --iir-energy-border-glass: rgba(255, 255, 255, 0.15);
    --iir-energy-border-glass-dark: rgba(255, 255, 255, 0.15);
    --iir-energy-border-glass-light: rgba(255, 255, 255, 0.5);
    --iir-energy-transition-smooth: all 0.25s ease;
    --iir-energy-text-color-body: #333;
    --iir-energy-text-color-header: #000;
    --iir-energy-font-size-body: 1rem;
    --iir-energy-font-size-subtitle: 0.75rem;
    --iir-energy-letter-spacing-body: -0.02rem;
    --iir-energy-letter-spacing-header: -0.05rem;
    --iir-energy-letter-spacing-subtitle: 2.5px;
    --iir-energy-font-weight-body: 350;
    --iir-energy-font-weight-header: 550;
    --iir-energy-font-weight-subtitle: 650;

    /* Bootstrap Variables */
    --bs-primary: var(--iir-energy-blue);
    --bs-secondary: var(--iir-energy-orange);
    --bs-light: var(--iir-energy-light-grey);
    --bs-dark: var(--iir-energy-dark);
    --bs-primary-rgb: 8, 71, 173;
    --bs-secondary-rgb: 255, 133, 34;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 26, 26, 26;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif;
    --bs-gradient: linear-gradient(180deg, var(--iir-energy-border-glass-dark), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: var(--iir-energy-font-weight-body);
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-link-color: var(--iir-energy-blue);
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #cccccc;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0rem;
    --bs-border-radius-sm: 0rem;
    --bs-border-radius-lg: 0rem;
    --bs-border-radius-xl: 0rem;
    --bs-border-radius-xxl: 0rem;
    --bs-border-radius-2xl: 0;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
    --bs-danger: #a30000;
    --bs-danger-rgb: 163, 0, 0;
    --bs-danger-text-emphasis: #58151c;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.75rem;
    --bs-tooltip-padding-y: 0.5rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: var(--iir-energy-bg-glass-dark);
    --bs-tooltip-border-radius: 0;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-arrow-width: 0.8rem;
    --bs-tooltip-arrow-height: 0.4rem;
    --bs-tooltip-arrow-color: var(--bs-tooltip-bg);
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592c.86 0 1.319 1.013.753 1.658l-4.796 5.482a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
}

/* ----- */
/* Fonts */
/* ----- */

@font-face {
    /* Inter Regular */
    font-family: 'Inter';
    src: url('/fonts/inter/Inter-Regular-Variable.woff2') format('woff2-variations'), url('/fonts/inter/Inter-Regular-Variable.woff2') format('woff2'), url('/fonts/inter/Inter-Regular-Variable.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    /* Inter Italic */
    font-family: 'Inter';
    src: url('/fonts/inter/Inter-Italic-Variable.woff2') format('woff2-variations'), url('/fonts/inter/Inter-Italic-Variable.woff2') format('woff2'), url('/fonts/inter/Inter-Italic-Variable.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* ------- */
/* General */
/* ------- */

html {
    scroll-behavior: smooth;
}

:target {
    scroll-margin-top: 12rem;
}

/* ---- */
/* Text */
/* ---- */

body {
    font-family: 'Inter', sans-serif;
    font-optical-sizing: auto;
    font-weight: var(--iir-energy-font-weight-body);
    font-style: normal;
    letter-spacing: var(--iir-energy-letter-spacing-body);
    text-wrap: balance;
    color: var(--iir-energy-text-color-body);
    font-size: var(--iir-energy-font-size-body);
}

/* ------- */
/* Headers */
/* ------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: var(--iir-energy-font-weight-header);
    text-wrap: balance;
    letter-spacing: var(--iir-energy-letter-spacing-header);
}

/* ----- */
/* Links */
/* ----- */

a {
    text-decoration: none;
    transition: var(--iir-energy-transition-smooth);
    cursor: pointer;
}

main a:hover {
    color: var(--iir-energy-dark-blue);
}

main a {
    color: var(--iir-energy-blue);
    font-weight: var(--iir-energy-font-weight-header);
}

main .bg-dark a {
    color: #ffffff;
}

/* main .bg-dark a:hover {
    color: var(--iir-energy-orange);
} */

main .bg-dark a,
footer a,
.offcanvas a {
    color: #ffffff;
}

/* ---- */
/* Logo */
/* ---- */

@media (max-width: 991.98px) {
    footer .iir-energy-logo {
        width: 14rem;
    }
}


/* ----- */
/* Icons */
/* ----- */

.fa-arrow-right {
    transition: var(--iir-energy-transition-smooth);
}

/* ------------------- */
/* Bootstrap Overrides */
/* ------------------- */

/* Border Radius */

* {
    border-radius: 0 !important;
}

/* Containers */

.container {
    max-width: 1600px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Font Weight */

.fw-light {
    font-weight: var(--iir-energy-font-weight-body) !important;
}

.fw-semibold {
    font-weight: var(--iir-energy-font-weight-header) !important;
}

/* Text/BG/Border Colors */

.bg-primary {
    background-color: var(--iir-energy-blue) !important;
}

.bg-hover-primary:hover {
    background-color: var(--iir-energy-blue) !important;
}

.text-primary {
    color: var(--iir-energy-blue) !important;
}

.border-primary {
    border-color: var(--iir-energy-blue) !important;
}

.bg-secondary {
    background-color: var(--iir-energy-orange) !important;
}

.bg-hover-secondary:hover {
    background-color: var(--iir-energy-orange) !important;
}

.text-secondary {
    color: var(--iir-energy-orange) !important;
}

.border-secondary {
    border-color: var(--iir-energy-orange) !important;
}

.bg-tertiary {
    background-color: var(--iir-energy-dark-blue) !important;
}

.bg-hover-tertiary:hover {
    background-color: var(--iir-energy-dark-blue) !important;
}

.text-tertiary {
    color: var(--iir-energy-dark-blue) !important;
}

.border-tertiary {
  border-color: var(--iir-energy-dark-blue) !important;
}

.bg-light {
    background-color: var(--iir-energy-light-grey) !important;
}

.text-light {
    color: var(--iir-energy-light-grey) !important;
}

.border-light {
    border-color: var(--iir-energy-light-grey) !important;
}

.bg-dark {
    background-color: var(--iir-energy-dark) !important;
}

.text-dark {
    color: var(--iir-energy-dark) !important;
}

/* Buttons */

.btn-tertiary {
    background-color: var(--iir-energy-dark-blue) !important;
    color: #ffffff !important;
    border: none !important;
}

.btn-tertiary:hover {
    background-color: var(--iir-energy-blue) !important;
}

.btn-wire {
    border: 1px solid var(--iir-energy-dark);
    color: var(--iir-energy-dark);
}

.btn-wire:hover {
    background-color: var(--iir-energy-blue);
    border: 1px solid var(--iir-energy-blue);
    color: #ffffff;
}

.btn-primary-wire {
    border: 1px solid var(--iir-energy-blue);
    color: var(--iir-energy-blue);
}

.btn-primary-wire:hover {
    background-color: var(--iir-energy-blue);
    border: 1px solid var(--iir-energy-blue);
    color: #ffffff;
}

.btn-secondary-wire {
    border: 1px solid var(--iir-energy-orange);
    color: var(--iir-energy-orange);
}

.btn-secondary-wire:hover {
    background-color: var(--iir-energy-orange);
    border: 1px solid var(--iir-energy-orange);
    color: #ffffff;
}

/* Bootstrap Buttons */

.btn {
    text-transform: uppercase;
    font-size: var(--iir-energy-font-size-subtitle);
    font-weight: var(--iir-energy-font-weight-subtitle);
    letter-spacing: var(--iir-energy-letter-spacing-subtitle);
    padding: 0.75rem 2.5rem;
}

.btn-primary {
    background-color: var(--iir-energy-blue) !important;
    color: #ffffff !important;
    border: none !important;
}

.btn-primary:hover {
    background-color: var(--iir-energy-dark-blue) !important;
}

.btn-secondary {
    background-color: var(--iir-energy-orange) !important;
    color: #ffffff;
    border: none !important;
}

.btn-secondary:hover {
    background-color: var(--iir-energy-orange) !important; /* make darker */
    color: #ffffff;
}

.btn-dark {
    background-color: var(--iir-energy-dark) !important;
    color: #ffffff !important;
    border: none !important;
}

.btn-dark:hover {
    background-color: var(--iir-energy-blue) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--iir-energy-blue) !important;
    --bs-btn-border-color: var(--iir-energy-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--iir-energy-blue);
    --bs-btn-hover-border-color: var(--iir-energy-blue);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--iir-energy-blue);
    --bs-btn-active-border-color: var(--iir-energy-blue);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--iir-energy-blue);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--iir-energy-blue);
    --bs-gradient: none;
}

.btn-outline-secondary {
    --bs-btn-color: var(--iir-energy-orange) !important;
    --bs-btn-border-color: var(--iir-energy-orange);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--iir-energy-orange);
    --bs-btn-hover-border-color: var(--iir-energy-orange);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--iir-energy-orange);
    --bs-btn-active-border-color: var(--iir-energy-orange);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--iir-energy-orange);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--iir-energy-orange);
    --bs-gradient: none;
}

.btn-outline-light {
    color: #fff !important;
}

.btn-outline-light:hover {
    color: var(--iir-energy-dark) !important;
}

.btn-outline-dark {
    color: var(--iir-energy-dark) !important;
}

.btn-outline-dark:hover {
    color: #fff !important;
}

/* Toasts */

.toast {
    --bs-toast-max-width: none;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: #fff;
    --bs-toast-bg: var(--iir-energy-background-glass-dark);
    --bs-toast-border-color: var(--iir-energy-border-glass-dark);
    --bs-toast-border-radius: 0;
    --bs-toast-box-shadow: none;
    --bs-toast-header-color: #fff;
    --bs-toast-header-bg: transparent;
    --bs-toast-header-border-color: var(--iir-energy-border-glass-dark);
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    cursor: pointer;
    z-index: 999 !important;
}

/* Tooltips */

/* .tooltip-inner {
    background-color: var(--iir-energy-dark) !important;
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x) !important;
    color: var(--bs-tooltip-color);
    text-align: center;
    border: var(--iir-energy-border-glass-dark) !important;
    border-radius: var(--bs-tooltip-border-radius) !important;
}

.tooltip .tooltip-arrow::before {
    background-color: var(--iir-energy-border-glass-dark) !important;
} */

/* Modals */

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: #fff;
    --bs-modal-bg: var(--iir-energy-dark);
    backdrop-filter: var(--iir-energy-glass);
    --bs-modal-border-color: var(--iir-energy-border-glass-dark);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: 0;
    --bs-modal-box-shadow: none;
    --bs-modal-inner-border-radius: 0;
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--iir-energy-border-glass-dark);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--iir-energy-border-glass-dark);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.btn-close {
    --bs-btn-close-color: #fff;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-focus-shadow: none;
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    opacity: var(--bs-btn-close-opacity);
}

.btn-close-dark {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

/* Navigation */

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0;
    --bs-navbar-color: #ffffff;
    --bs-navbar-hover-color: #ffffff;
    background-color: var(--iir-energy-background-glass-medium);
    backdrop-filter: var(--iir-energy-glass);
}

.navbar .nav-item.d-flex {
    transition: var(--iir-energy-transition-smooth);
    padding: 0 1rem;
}

@media (min-width: 992px) {
    .navbar .nav-item:not(:nth-last-child(-n + 2)):hover {
        box-shadow: inset 0 -5px 0 0 var(--iir-energy-orange);
    }
}

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

.navbar .dropdown-toggle .fa-caret-down {
    margin-left: 6px;
    transition: transform 0.2s ease;
}

.navbar .dropdown.show .fa-caret-down {
    transform: rotate(180deg);
}

/* Dropdown Menu */

.navbar .dropdown-menu {
    background-color: var(--iir-energy-background-glass-dark);
    border: none;
}

@media (min-width: 992px) {
    .navbar .dropdown-menu {
        --bs-dropdown-min-width: 10rem;
        --bs-dropdown-padding-x: 0;
        --bs-dropdown-padding-y: 0;
        --bs-dropdown-spacer: 0.125rem;
        --bs-dropdown-font-size: 1rem;
        --bs-dropdown-color: var(--bs-body-color);
        --bs-dropdown-bg: var(--iir-energy-background-glass-dark);
        --bs-dropdown-border-color: 1px solid var(--iir-energy-border-glass-dark);
        --bs-dropdown-border-radius: 0;
        --bs-dropdown-border-width: var(--bs-border-width);
        --bs-dropdown-inner-border-radius: 0;
        --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
        --bs-dropdown-divider-margin-y: 1rem;
        --bs-dropdown-box-shadow: none;
        --bs-dropdown-link-color: var(--bs-body-color);
        --bs-dropdown-link-hover-color: var(--bs-body-color);
        --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #0d6efd;
        --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
        --bs-dropdown-item-padding-x: 1rem;
        --bs-dropdown-item-padding-y: 0.25rem;
        --bs-dropdown-header-color: #6c757d;
        --bs-dropdown-header-padding-x: 1rem;
        --bs-dropdown-header-padding-y: 0.5rem;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%) translateY(10px);
        display: block;
        opacity: 0;
        z-index: var(--bs-dropdown-zindex);
        min-width: var(--bs-dropdown-min-width);
        padding: 0;
        margin: 0;
        font-size: var(--bs-dropdown-font-size);
        color: var(--bs-dropdown-color);
        text-align: center;
        list-style: none;
        background-color: var(--iir-energy-background-glass-dark);
        backdrop-filter: var(--iir-energy-glass);
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        border-radius: 0;
        box-shadow: var(--bs-dropdown-box-shadow);
        transition: opacity 0.3s ease, transform 0.3s ease;
        pointer-events: none;
    }

    .navbar .dropdown-menu .dropdown-item,
    .navbar .dropdown-menu .dropdown-header {
        color: #fff;
        font-weight: var(--iir-energy-font-weight-subtitle);
        padding: 1rem 1.5rem;
    }

    .navbar .dropdown-menu .dropdown-item:not(:last-child) {
        border-bottom: 1px solid var(--iir-energy-border-glass-dark) !important;
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: var(--iir-energy-background-glass-light) !important;
    }

    .navbar .dropdown:hover .dropdown-menu {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
        pointer-events: auto;
    }
}

.navbar .dropdown-toggle .fa-chevron-down {
    margin-left: 6px;
    transition: transform 0.3s ease;
}

.navbar .dropdown.show .fa-chevron-down,
.navbar .dropdown:hover .dropdown-toggle .fa-chevron-down,
.navbar .dropdown:active .dropdown-toggle .fa-chevron-down,
.navbar .dropdown:focus .dropdown-toggle .fa-chevron-down {
    transform: rotate(180deg);
}

/* Toggler */

.navbar-toggler {
    padding: 1rem;
    font-size: var(--bs-navbar-toggler-font-size);
    background-color: transparent;
    border: none;
    transition: var(--bs-navbar-toggler-transition);
}

.navbar-dark {
    --bs-navbar-active-color: transparent !important;
    --bs-navbar-toggler-border-color: transparent;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler:focus {
    box-shadow: none;
}

/* Accordion/Dropdown Arrows */

.dropdown-toggle-light::after,
.accordion-button.dropdown-toggle-light::after {
    filter: invert(1) brightness(2);
}

/* Selects */

.form-select:focus {
    border-color: var(--iir-energy-blue);
    outline: 0;
    box-shadow: none !important;
}

/* Pagination */

.active > .page-link,
.page-link.active {
    background-color: var(--iir-energy-blue);
    border-color: var(--bs-pagination-active-border-color);
}

/* Nav Tabs */

.nav[role='tablist'] .nav-link {
    transition: var(--iir-energy-transition-smooth);
}

.nav[role='tablist'] .nav-link.active {
    color: var(--iir-energy-blue) !important;
    border-bottom: 5px solid var(--iir-energy-blue) !important;
}

.nav[role='tablist'] .nav-link:hover {
    color: var(--iir-energy-blue) !important;
}

.bg-dark .nav-fill .nav-link:hover {
    color: var(--iir-energy-orange);
    box-shadow: inset 0 -5px 0 0 var(--iir-energy-orange);
}

.bg-dark .nav-fill .nav-link.active {
    color: var(--iir-energy-orange) !important;
    box-shadow: inset 0 -5px 0 0 var(--iir-energy-orange);
}

/* Carousels */

.carousel-indicators-primary .active {
    background-color: var(--iir-energy-blue) !important;
}

.carousel-indicators-secondary .active {
    background-color: var(--iir-energy-orange) !important;
}

/* Accordions */

.accordion-button:not(.collapsed) {
    font-weight: var(--iir-energy-font-weight-header) !important;
}

.accordion-primary .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--iir-energy-blue);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--iir-energy-blue);
}

.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-dark .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--iir-energy-dark);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--iir-energy-blue);
}

.accordion-primary .accordion-button:not(.collapsed)::after {
    filter: invert(1) brightness(2);
}

.accordion-button:not(.collapsed) {
    font-weight: var(--iir-energy-font-weight-header) !important;
}

.accordion-primary .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--iir-energy-blue);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--iir-energy-blue);
}

.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-dark .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--iir-energy-dark);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--iir-energy-blue);
}

.accordion-primary .accordion-button:not(.collapsed)::after {
    filter: invert(1) brightness(2);
}
.latest-headline-img {
    max-height: 8rem;
    overflow: hidden;
}

.energy-solutions-cta {
    background-image: url('https://media.industrialinfo.com/news/img/webp/cta/iir-industry-news-banner-power-transmission-towers.webp');
    background-size: cover;
    background-position: center right;
}

.iir-solutions-cta {
    background-image: url('https://media.industrialinfo.com/industries/semiconductors/iir-global-semiconductors-database-industrial-info-resources-3840.webp');
    background-size: cover;
    background-position: center right;
}

.news-by-industry-footer > div {
    border-right: 1px solid #dee2e6;
}

.news-by-industry-footer > div:last-child {
    border-right: none;
}

.energy-white-paper-cta {
    background-image: url('https://media.industrialinfo.com/news/img/webp/cta/iir-industry-news-cta-banner-forecast-and-analytics.webp');
    background-size: cover;
    background-position: center center;
}

.iir-white-paper-cta {
    background-image: url('https://media.industrialinfo.com/industries/industry-thumbnails/industrial-info-resources-trending-sector-data-centers.webp');
    background-size: cover; /* zoom in (increase this for more zoom) */
    background-position: right center; /* focus on the right side */
}

/* .news-industry-tabs .nav-link.active {
    border: 0;
} */

.news-industry-tabs .nav-link {
    color: var(--primary-dark-blue);
    border: 0;
}

.news-industry-tabs .nav-link:not(.active):hover {
    color: var(--primary);
    transform: scale(1.1);
    border: 0;
}

/* Article Reader */
.col-md-8.col-lg-9 #article-reader {
    border: 1px solid rgba(0, 0, 0, 0.175);
    padding: 0.5rem 1rem;
}

#article-reader .volume-control .vertical-slider {
    width: 100px;
    height: 100px;
    transform: rotate(270deg) translateY(-30%);
}

#article-reader .volume-control.dropdown .dropdown-menu {
    min-width: unset;
    width: 40px;
    transform: translate(-10%, -120%);
    overflow: hidden;
    border: 1px solid #ccc !important;
}

#article-reader .volume-control.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1 !important;
}

#article-reader .volume-control.dropdown > .fa:active {
    pointer-events: none;
}

.latest-news-reader-wrapper .btn {
    padding: 0;
    letter-spacing: normal;
}

.latest-news-reader-wrapper #article-reader > div.my-2 {
    margin: 0 0 !important;
    padding: 0 0 !important;
    border: 0 !important;
}

.latest-news-reader-wrapper #article-reader small {
    font-size: 0.6rem !important;
}

#sr-progress-container {
    background: var(--bs-dark-bg-subtle) !important;
}

.news-by-switcher {
    letter-spacing: var(--iir-energy-letter-spacing-body);
}