/* Custom styles moved from inline attributes */

/* For the empty div used as a gap */
.zero-height {
    height: 0;
}

/* For the news item titles to ensure proper line spacing */
.news-title {
    line-height: 1.6em;
}

/* New reusable gap classes for the footer */
.gap-10 {
    height: 10px;
}

.gap-12 {
    height: 12px;
}

.gap-35 {
    height: 35px;
}

.gap-15 {
    height: 15px;
}

.gap-17 {
    height: 17px;
}

.gap-20 {
    height: 20px;
}





/* Heights for global_gap elements */
.gap-h0 {
    height: 0;
}

.gap-h15 {
    height: 15px;
}

.gap-h17 {
    height: 17px;
}

.gap-h20 {
    height: 20px;
}

/* Min-widths for submenu_blk elements */
.submenu-blk-mw-100 {
    min-width: 100%;
}

.submenu-blk-mw-155 {
    min-width: 155%;
}

.submenu-blk-mw-180 {
    min-width: 180%;
}

.submenu-blk-mw-220 {
    min-width: 220%;
}

.submenu-blk-mw-260 {
    min-width: 260%;
}

.submenu-blk-mw-280 {
    min-width: 280%;
}

.submenu-blk-mw-320 {
    min-width: 320%;
}

/* Add cursor pointer to clickable elements */
[data-link] {
    cursor: pointer;
}


/* Gap heights */
.gap-h0 { height: 0; }
.gap-h180 { height: 180px; }

/* Add cursor pointer to clickable elements */
[data-link], [data-toggle] {
    cursor: pointer;
}

/* Basic toggle visibility */
/* Initially hide the submenus */
.mobile_menu_level2 {
    display: none;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    max-height: 0;
}

/* Show the submenu when it has the 'open' class */
.mobile_menu_level2.open {
    display: block;
    max-height: 1000px; /* Adjust as needed, should be larger than any possible submenu height */
}

/* Style for the active toggle icon */
.mmenu_toggle_ico.active {
    /* Add styles for when the menu is open, e.g., change background or icon */
    background-image: url(../../images/submenu_ico1.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 380px center;
}





/* Gap heights */
.gap-h0 { height: 0; }
.gap-h5 { height: 5px; }
.gap-h10 { height: 10px; }
.gap-h15 { height: 15px; }
.gap-h20 { height: 20px; }
.gap-h30 { height: 30px; }
.gap-h40 { height: 40px; }
.gap-h50 { height: 50px; }
.gap-h60 { height: 60px; }

/* Dash height */
.dash-h1 { height: 1px; }
.dash-blue {
    border-bottom: 2px solid #0090B3;
    height: 2px;
}

/* Add cursor pointer to clickable elements */
.top_navbar_home, #go-top {
    cursor: pointer;
}

/* Main content title styles */
.content-title-style {
    color: #007460;
    max-width: 1403px;
}

/* Main content container styles */
.main-content-style {
    max-width: 1420px;
}

/* Utility for centering block elements */
.center-block {
    margin-left: auto;
    margin-right: auto;
}

/* Table image width */
.table-image-width {
    width: 1400px;
}

/* Title styling */
.title-black-bold {
    color: #000;
    font-weight: bold;
}

/* Container and image sizing */
.max-w-822 { max-width: 822px; }
.img-max-w-802 { max-width: 802px; }
.img-w-987 { width: 987px; }

/* Image sizing */
.img-max-w-80 { max-width: 80px; }
.img-max-w-750 { max-width: 750px; }
.img-max-w-780 { max-width: 780px; }

/* Widths and Max-widths */
.max-w-97 { max-width: 97px; }
.max-w-325 { max-width: 325px; }
.max-w-345 { max-width: 345px; }
.max-w-800 { max-width: 800px; }
.max-w-820 { max-width: 820px; }
.max-w-822 { max-width: 822px; }
.max-w-950 { max-width: 950px; }
.max-w-1220 { max-width: 1220px; }
.img-w-802 { width: 802px; }
.img-w-984 { width: 984px; }
.img-w-1200 { width: 1200px; }
.max-w-77 { max-width: 77px; }
.max-w-802 { max-width: 802px; }
/* Widths and Max-widths */
.max-w-237 { max-width: 237px; }
.max-w-257 { max-width: 257px; }
.max-w-345 { max-width: 345px; }
.max-w-365 { max-width: 365px; }
.max-w-577 { max-width: 577px; }
.max-w-597 { max-width: 597px; }
.max-w-617 { max-width: 617px; }
.max-w-634 { max-width: 634px; }
.max-w-654 { max-width: 654px; }
.max-w-662 { max-width: 662px; }
.max-w-682 { max-width: 682px; }
.max-w-689 { max-width: 689px; }
.max-w-694 { max-width: 694px; }
.max-w-709 { max-width: 709px; }
.max-w-714 { max-width: 714px; }
.max-w-740 { max-width: 740px; }
.max-w-749 { max-width: 749px; }
.max-w-750 { max-width: 750px; }
.max-w-752 { max-width: 752px; }
.max-w-760 { max-width: 760px; }
.max-w-765 { max-width: 765px; }
.max-w-769 { max-width: 769px; }
.max-w-770 { max-width: 770px; }
.max-w-771 { max-width: 771px; }
.max-w-772 { max-width: 772px; }
.max-w-780 { max-width: 780px; }
.max-w-782 { max-width: 782px; }
.max-w-785 { max-width: 785px; }
.max-w-791 { max-width: 791px; }
.max-w-802 { max-width: 802px; }
.max-w-730 { max-width: 730px; }
.max-w-770 { max-width: 770px; }
.max-w-780 { max-width: 780px; }
.max-w-800 { max-width: 800px; }

/* Background colors */
.bg-f2f2f2 { background-color: #F2F2F2; }
.bg-white { background-color: #fff; }

/* Padding */
.pad-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Font styles */
.font-size-14 { font-size: 14px; }
.color-black { color: #000; }
.color-grey { color: #9E9E9F; }
.color-green { color: #108F78; }
.font-weight-bold { font-weight: bold; }
.font-size-15 { font-size: 15px; }
.font-size-16 { font-size: 16px; }
.title-black-bold { color: #000; font-weight: bold; }
.title-black { color: #000; }
.text-color-theme { color: #00AB9C; }
.unit-text { float: right; font-size: 14px; color: #000; font-weight: normal; }

/* Layout */
.float-left { float: left; }
.float-right { float: right; }
.margin-bottom-10 { margin-bottom: 10px; }

/* Background colors */
.bg-color-green {
    background-color: #50A035;
}

/* Text colors and font weights */
.text-color-main {
    color: #007460;
}

.text-color-green {
    color: #50A035;
}

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

.bg-grey-padded {
    background-color: #F2F2F2;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.dotted-box-grey {
    border-style: dotted;
    border-width: 2px;
    border-color: #231815;
    border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

/* Box Styles */
.case-study-box {
    margin-left: 20px;
    margin-right: 20px;
    border-style: dashed;
    border-width: 2px;
    border-color: #00AB9C;
    border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.case-study-title { color: #00AB9C; font-size: 20px; }
.case-study-subtitle { color: #00AB9C; font-size: 18px; }

/* Font sizing */
.font-size-14 { font-size: 14px; }
.font-size-18 { font-size: 18px; }
.font-size-20 { font-size: 20px; }

/* Title styling */
.title-black-bold {
    color: #000;
    font-weight: bold;
}

.info-box-gray {
    background-color: #F2F2F2;
    border-top: solid 1px #221613;
}

.color-teal {
    color: #00AB9C;
}