/* Misc */
 .nav-link {
     display: block;
     padding: 6px 30px 6px 0px;
     color: #000;
}
 .nav-tabs .nav-link {
     border: none;
}
 ::selection {
     color:white;
     background-color: black;
}
 b, strong {
     font-weight: normal;
     font-family: font-semibold;
}
 footer {
     background:lightblue;
}
 .page-header h1 {
     margin-bottom: 0px;
}
/* Stand outs */
 [class*="standout-"] {
     border: 1px solid black;
     border-left: 8px solid black;
     padding: 30px 18px 12px 18px;
     margin-bottom: 24px;
     margin-top: 18px;
}
 .standout-blue {
     border-color: #0065BD;
}

 .standout-teal {
     border-color: #008B95;
}
/* SIDE NAV */
 .nav-logo img {
     height:90px;
     max-width: 100%;
}
 .nav-logo {
     text-align: center !important;
}
 .side-nav {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     position: fixed;
     height: 100vh;
     left: 0;
     width: 20%;
     background: #fff;
     z-index: 52;
     margin-top: 63px;
}
 .sub-overlay {
     background-color: #D1D2D690;
     display: block;
     min-height: 100vh;
     position: fixed;
     width: 300%;
     z-index:-1;
     visibility: hidden;
}
 .sub-overlay-active {
     visibility: visible !important;
}
 .nav-container ul {
     list-style: none;
     padding-left:0px;
}
 .nav-container li {
     width: 100%;
     margin-bottom: 0px;
}
 .menu-back {
     justify-content: flex-start !important;
}
 .menu-back:before {
     color:#0065BD;
     top: -2px;
}
 .nav-container li a {
     width: 100%;
     display: inline-flex;
     padding: 16px 24px 11px 24px;
     color: #000000 !important;
     text-decoration:none;
     align-content: center;
     justify-content: space-between;
     word-break: break-word;
}
 .nav-column-container .nav-column-inner ul li:nth-of-type(2) a , .nav-column-container-l2 .nav-column-inner ul li:nth-of-type(2) a {
     color: #0065BD !important;
     font-family: 'font-semibold', Fallback, sans-serif;
     font-size: 18px;
     line-height: 1.2;
}
 .nav-container .subtitle a {
     color: #0065BD !important;
}
 .nav-container li a:hover {
     background-color: #D1D2D6;
     color: #000 !important;
}
 .nav-container .icon-right-after:after {
     color: #0065BD;
    /* position: absolute;
     */
     display: inline-flex;
     align-items: flex-end;
     justify-content: space-around;
     flex-wrap: nowrap;
     flex-direction: column;
    /* margin-left: 12px;
     */
}
 [class*="-sub-container"] {
     background: #EEEEEE;
     position: absolute;
     width: 300px;
     z-index: 10;
     min-height: 100%;
     top: 0;
     left: 300px;
     border-right: #D1D2D6 1px solid;
    /*display: none;
     */
}
 .nav-column-container {
     position: absolute;
     width: 100%;
     top: 0;
     transform: translateX(0);
     visibility: hidden;
     min-height: 100vh;
     height: -webkit-fill-available;
     background: #eeeeee;
     border-right: 1px solid #D1D2D6;
     z-index: -1;
}
 .nav-column-container-l2 {
     position: fixed;
     width: 100%;
     top: 0;
     transform: translateX(0);
     visibility: hidden;
     min-height: 100vh;
     height: -webkit-fill-available;
     background: #eee;
     border-right: 1px solid #D1D2D6;
     z-index: -1;
}
 .nav-column-container-l3 {
     position: fixed;
     width: 100%;
     top: 0;
     transform: translateX(0);
     visibility: hidden;
     min-height: 100vh;
     height: -webkit-fill-available;
     background: #eee;
     border-right: 1px solid #D1D2D6;
     z-index: -1;
}
 .nav-column-container-active {
     visibility:visible;
     transform: translateX(100%) translateX(1px);
     -ms-transform: translateX(100%) translateX(1px);
     -webkit-transform: translateX(100%) translateX(1px);
     -moz-transform: translateX(100%) translateX(1px);
     -o-transform: translateX(100%) translateX(1px);
}
 .nav-column-container-l2-active {
     visibility:visible;
     transform: translateX(100%) translateX(1px);
}
 .nav-column-inner {
     height: -moz-calc(100% - 63px);
     height: -webkit-calc(100% - 63px);
     height: calc(100% - 243px);
     width: 100%;
     left: 0;
     top: 168px;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     overflow-y:auto;
     overflow-x: hidden;
     position:relative;
}
 .nav-column-inner::-webkit-scrollbar, .nav-container::-webkit-scrollbar {
     width: 12px;
}
 .nav-column-inner::-webkit-scrollbar-thumb {
     border-radius: 6px;
     background:#B1B4B6;
     border: 3px #eee solid;
}
 .nav-container::-webkit-scrollbar-thumb {
     border-radius: 6px;
     background:#B1B4B6;
     border: 3px #fff solid;
}
 .nav-inner {
     position: sticky;
     height: 100vh;
     width: 100%;
     left: 0;
    /* top: 0;
     */
     background-color: #fff;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     border-right: 1px solid #eaeaea;
     justify-content: flex-start;
}
 .main-col {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 80%;
     left: 20%;
     position: absolute;
     margin-top: 63px;
}
 header .bg-brandblue {
     position: fixed;
     z-index:53;
     width: 100vw;
     display: block;
}
 .col-heading {
     font-weight:bold;
}
/* TBD START */
 .icon-forward-after:after,.icon-right-after:after {
     content: '\004b';
     top: -2px;
}
 .icon-download-after:after {
     content: '\0048';
     top: -2px;
}
 .icon-window-after:after {
     content: '\0052';
     top: -2px;
}
/* TBD END */
 .active-menu {
     background:#D1D2D6;
     color: black !important;
}
 .nav-container li a.selected-menu {
     background:#626A6E;
     color: #fff !important;
}
 .nav-container li a.selected-menu::after {
     color: #fff !important;
}
 .row-flex {
     display: flex;
     flex-wrap: wrap;
}
 .main-menu-show {
     visibility: hidden;
}
 .page-nav-column-container-l2 {
     position: fixed;
     width: 20%;
     top: 0;
     transform: translateX(0);
     visibility: hidden;
     min-height: 100vh;
     height: -webkit-fill-available;
     background: #eee;
     border-right: 1px solid #D1D2D6;
     z-index: -1;
}
 .hide-menu {
     visibility: hidden;
     display: none;
}
 .show-menu {
     visibility: visible;
}
 .nav-column-active {
     visibility:visible;
     transform: translateX(100%) translateX(1px);
}
 .main-menu-display {
     visibility: hidden;
     display: none;
}
 .main-active-menu-hide {
     visibility: hidden;
     display: none;
}
 .main-menu-display-show {
     visibility: visible !important;
     display:contents!important;
}
 .back-to-menu-0, .back-to-menu-1, .back-to-menu-2 {
     display:none;
}
 #menuToggle input {
     display: none;
}
 @media (max-width: 992px) {
     .search-bar {
         display: block;
         position: fixed;
         width: 100%;
         height: 100%;
         background-color: #ffffff;
         top: 0;
         left: 0;
         z-index: 46;
         overflow-x: hidden;
         overflow-y: auto;
         visibility: hidden;
    }
     .search-bar-show {
         visibility: visible !important;
    }

    .cols-here {
        z-index: 52;
    }
     .cols-here .col-lg-9.col-md-12, .cols-here .col-12.mt-24.pl-48 {
         padding-left:15px !important;
    }
     .cols-here .container-fluid .col-lg-9.col-md-12 {
         padding-left:0px !important;
    }
     .cols-here .container-fluid .col-lg-9.col-md-12.bg-lightgrey {
         padding-left:15px !important;
         padding-right: 15px !important;
    }
     .main-col {
         width: 100%;
         left: 0;
         position: absolute;
         margin-top: 63px;
    }
     .main-col .container {
         padding-right:0px;
         padding-left:0px;
    }
     .nav-container li a {
         padding: 21px 24px 15px 24px;
         border-bottom:1px solid #D1D2D6;
    }
     [class*="nav-column-container"] {
         background: #FFF !important;
         border-right: none !important;
    }
     .nav-inner {
         border-right: none;
    }
     .main-col {
         left: 0%;
         margin-top: 62px;
    }
    /* Menu */
     #menuToggle{
         display: block !important;
         position: fixed;
         top: 10px;
         left: 12px;
         border: 2px solid white;
         border-radius:6px;
         padding: 9px 6px 3px 6px;
         z-index: 53;
         -webkit-user-select: none;
         user-select: none;
    }
     #menuToggle input{
         display: block !important;
         width: 45px;
         height: 45px;
         position: absolute;
         top: -3px;
         left: 0px;
         cursor: pointer;
         opacity: 0;
        /* hide this */
         z-index: 2;
        /* and place it over the hamburger */
         -webkit-touch-callout: none;
    }
     #menuToggle span.burger-menu{
         display: block;
         width: 33px;
         height: 2px;
         margin-bottom: 7px;
         position: relative;
         background: #ffffff;
         z-index: 1;
         transform-origin: 3px 12px;
         transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;
    }
     #menuToggle span.burger-menu:first-child{
         transform-origin: 0% 0%;
    }
     #menuToggle span.burger-menu:nth-last-child(2){
         transform-origin: 28% 0%;
    }
     #menuToggle input:checked ~ span.burger-menu{
         opacity: 1;
         transform: rotate(45deg) translate(-6px, 1px);
         background: #ffffff;
    }
     #menuToggle input:checked ~ span.burger-menu:nth-last-child(3){
         opacity: 0;
         transform: rotate(0deg) scale(0.2, 0.2);
    }
     #menuToggle input:checked ~ span.burger-menu:nth-last-child(2){
         transform: rotate(-45deg) translate(3px, -2px);
    }
     .side-nav {
         visibility: hidden !important;
         display: none !important;
    }
     #menuToggle input:checked ~ .side-nav {
         visibility:visible !important;
         display:inherit !important;
    }
     .desktop-bar-view {
         display:none !important;
         visibility: hidden;
    }
     .mobile-bar-view {
         display:contents !important;
         visibility:visible !important;
    }
     .mobile-bar-view img {
         filter:brightness(0) invert(1);
         max-height: 50px;
    }
     .nav-container {
         overflow-y: scroll;
         overflow-x: hidden;
         height: calc(100% - 77px) !important;
    }
     .nav-logo {
         display:none;
         visibility: hidden;
    }
     .nav-column-inner {
         top: 0px;
         height: calc(100% - 150px) !important;
    }
     .back-to-menu-0, .back-to-menu-1, .back-to-menu-2 {
         display:contents;
    }
     .side-nav {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-direction: column;
         flex-direction: column;
         position: fixed;
         min-height: 100vh;
         left: 0;
         width: 100%;
         background: #fff;
         z-index: 11;
         margin-top: 14px;
    }
     .nav-column-container-active {
         visibility: visible;
         transform: translateX(0%) translateX(0px) !important;
    }
     .nav-column-container {
         z-index: 1;
    }
     .nav-column-container-l2 {
         z-index: 2;
    }
     .nav-column-container-l3 {
         z-index: 3;
    }
}
 [class*="back-to-menu"] {
     background:#eeeeee;
     font-family: font-semibold;
}
 [class*="back-to-menu"] a {
     justify-content: flex-start !important;
     word-break: break-word;
}
 [class*="back-to-menu"] a:before {
     content: '\0043';
     color:#0065BD;
     top: -2px;
     display: inline-block;
     font-family: 'kohera-icons';
     font-style: normal;
     font-weight: normal;
     line-height: inherit;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: inherit;
     position: relative;
     margin-right: 6px;
}
 .mobile-bar-view {
     display:none;
     visibility: hidden;
}
 .mobile-bar-view div {
     position: relative;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
}
 .mobile-bar-view div div:last-child {
     position: absolute;
     right: 0;
}
 .header-links ul {
     display: inline-flex;
     list-style: none;
     padding-left: 0px;
     margin-bottom: 0px !important;
     align-items: flex-end;
}
 .header-links li {
     margin-right:18px;
     margin-bottom: 0px;
}
 .header-links li:last-of-type {
     margin-right:0px;
}
/* TBD START */
 .standfirst {
     color:#626A6E;
     font-size: 22px;
     margin-bottom: 24px;
}
/* TBD END */
 .related-items {
     max-width: 800px;
}
 .related-items ul {
     padding-left:0px;
     list-style: none;
}
 .print-this-page {
     color:#0065BD !important;
}
 .print-this-page a:after {
     content: '\0053';
     margin-left: 6px;
     color: inherit;
     position: relative;
     top: 4px;
     font-family: 'kohera-icons';
}
 .page-header hr {
     max-width: 800px;
     margin-left: 0;
}
 .image-header h1 {
     display: block;
     position: absolute;
     color:white;
     background: #0065BDB3;
     width: -webkit-fill-available;
     margin-bottom: 0px;
     padding: 18px 12px 6px 18px;
     left: -18px !important;
}
 .image-header {
     background-image: url(/site-elements/images/home/home-hero.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: top;
     height: 360px;
     margin-top: 12px;
}

 .page-image-header h1 {
     display: block;
     position: absolute;
     color:white;
     background: #0065BDB3;
     width: -webkit-fill-available;
     margin-bottom: 0px;
     padding: 18px 12px 6px 18px;
     left: -18px !important;
}
 .page-image-header {
     background-image: url(/site-elements/images/home/home-hero.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: top;
     height: 360px;
     margin-top: 12px;
}


 .image-header-text {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-start;
     width: auto;
}
 .in-this-section {
     background:#EEEEEE;
     border-bottom:1px solid #0065BD;
     border-top:1px solid #0065BD;
}
/* Quotes TBD */
 figure.quote {
     display:flex;
     flex-direction: column;
}
 blockquote {
     background:#EEEEEE;
     padding: 18px 24px 6px 24px;
     margin: 0 0 12px;
     color: #626A6E;
}
 figure.quote-left {
     max-width: 70%;
}
 figure.quote-right {
     align-items: flex-end;
     margin-left: auto;
     max-width: 70%;
}
 figure.quote-fullwidth {
     width: 100%;
}
 figure figcaption {
     color:#626A6E !important;
}
 figure figcaption cite {
     font-style:normal !important;
}
 blockquote p::before {
     color: #0065BD;
     content: "“";
     font-size: 72px;
     position: relative;
     left: -6px;
     top: 34px;
}
 blockquote p {
     display: inline-block;
     text-indent: 6px;
}
/* Additional width classes TBD */
 .w-33 {
     width: 33% !important;
}
 .w-66 {
     width: 66% !important;
}
/* Additional width classes TBD END */
 .cta-header {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: right;
     margin-top: 12px;
     background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.0), rgba(230, 230, 230, 1), rgba(255, 255, 255, 1)),url('/site-elements/images/home/home-hero.jpg');
     height: 100vh;
}
 .cta-header h1 {
     margin-bottom:0px;
}
 .cta-header hr {
     margin-bottom:42px;
}
 .cta-header > div {
     padding-top:300px;
     margin-left: 30px;
}
 .cta-header div div {
     background-color:#FFFFFF;
     padding: 42px;
}
/* ACCORDION */
 .kohera-accordion {
     overflow: hidden;
     border: 2px solid #B1B4B6;
     border-top:none;
}
 .kohera-accordion input {
     position: absolute;
     opacity: 0;
     z-index: -1;
}
 .kohera-accordion .tab {
     width: 100%;
     overflow: hidden;
}
 #accordionOne {
     border-top:2px solid #B1B4B6;
}
 .kohera-accordion .tab-label {
     display: flex;
     justify-content: space-between;
     cursor: pointer;
     color: #0065BD;
     background: #EEEEEE;
     margin-bottom:0px;
     padding:18px 12px 12px 12px;
     font-family: "font-semibold";
}
 .accordion-blue.kohera-accordion .tab-label{
     color: #FFFFFF !important;
     background: #0065BD !important;
}
 .kohera-accordion .tab-label::after {
     content: "\0047";
     font-family: kohera-icons;
     margin-right: 6px;
     top: -2px;
     position: relative;
}
 .kohera-accordion .tab-content {
     max-height: 0;
}
 .kohera-accordion .tab-close {
     display: flex;
     cursor: pointer;
}
 .kohera-accordion input:checked + .tab-label::after {
     transform: rotate(180deg);
     top: -4px;
}
 .kohera-accordion input:checked ~ .tab-content {
     max-height: max-content;
     padding: 18px 12px 0px 12px;
}
 .document-icon {
     visibility: hidden;
     width: 60px;
     display: block;
}
 .document-icon:before {
     content: "\0046";
     font-family: 'kohera-icons';
     display: inline-block;
     font-size:42px;
     visibility: visible;
     border: 2px solid #B1B4B6;
}
 .kohera-document-content {
     display:flex;
     flex-direction: row;
     justify-content: flex-start;
     margin-top:12px;
}
 .kohera-document-subtitle {
     color:#626A6E;
     font-size:16px;
}
 .kohera-document-title {
     font-family:"font-semibold";
}
 .video-player {
     position: relative;
     padding-bottom: 56.25%;
     overflow: hidden;
     max-width: 100%;
     height: auto;
}
 .video-player iframe,.video-player object,.video-player embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .podbean-player {
     position: relative;
     overflow: hidden;
     max-width: 100%;
     height: 200px;
}
 .podbean-player iframe,.podbean-player object,.podbean-player embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .video-bar {
     display:flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
}
 .video-bar-text {
     color:#626A6E;
     font-size:16px;
}
 .icon-window-after:after {
     content: '\0052';
     font-size: 0.8em;
}
 .video-resources-bar {
     border-top:1px solid #fff;
}
/* TBD START */
 .font-semibold {
     font-family: 'font-semibold' !important;
}
 .font-medium {
     font-family: 'font-medium' !important;
}
/* TBD END */
 .text-wrap-4{
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .text-wrap-3{
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .text-wrap-2{
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .logo-white {
     filter:brightness(0) invert(1);
}
 .nav-container {
     overflow-y: auto;
     overflow-x: hidden;
     height: calc(100vh - 250px);
}
 .dropdown-menu {
     min-width: 100%;
     border: 1px solid #B1B4B6;
     border-radius: 4px !important;
     padding: 12px;
     font-size: inherit;
}
 .dropdown-divider {
     margin: 0px -12px 12px -12px;
     border-top: 1px solid #B1B4B6;
}
 .btn-filter {
     background-color: #ffffff !important;
     border-color: #626A6E !important;
     color: #000000;
}
 .btn-filter:hover {
     background-color: #EEEEEE !important;
     color:#0065bd;
}
 .btn-filter.disabled,.btn-filter:disabled {
     color: #626A6E !important;
     border-color: #D1D2D6 !important;
     background: #D1D2D6 !important;
}
 .btn-filter:not(:disabled):not(.disabled):active,.btn-filter:not(:disabled):not(.disabled).active,.show > .btn-filter.dropdown-toggle {
     color: #0B0C0C !important;
     background-color: #fff !important;
}
 .dropdown-item {
     padding: 6px 0px 6px 0px;
     font-weight: inherit;
}
 .dropdown-item:last-of-type {
     padding-bottom:6px;
}
 .dropdown-item:hover, .dropdown-item:focus {
     color: #000000;
     text-decoration: underline;
     background-color: inherit;
}
 .filter-close-button:before {
     content: "\0041";
     font-family: 'kohera-icons';
     display: inline-block;
     transform: rotate(45deg);
     font-size:24px;
     cursor: pointer;
}
 .filter-close-button {
     display:flex;
     justify-content: flex-end;
     margin-top: 42px !important;
}
 .table thead th {
     vertical-align: bottom;
     border-bottom: none;
     font-family: 'font-semibold';
}
 input[type=text], input[type=email],  select {
     border:1px solid #626A6E;
     border-radius:4px;
     min-height: 42px;
     padding-left: 12px;
}
 select {
     height:40px;
}
 .list-inline-item:not(:last-child) {
     margin-right: 6px;
}
 .list-inline-slash li:after {
     content:'/';
     padding-left:10px;
}
 .list-inline-slash li:last-of-type:after {
     content:none;
}
 ol, ul, dl {
     margin-top: 0;
     margin-bottom: 12px;
}
 .flex-point p:after {
     content:'\25AA';
     color:#0065BD;
     margin-left:12px;
     margin-right:12px;
}
 .flex-point div:last-of-type :after {
     content:none;
}
/* Pagination component (TBD) */
 .kohera-paging {
     display: -ms-flexbox;
     display: flex;
     padding-left: 0;
     list-style: none;
     border-radius: .25rem;
}
 .page-link {
     position: relative;
     display: block;
     padding: .5rem .75rem;
     margin-left: -1px;
     line-height: 1.25;
     color: #000;
     background-color: #fff;
     border: 1px solid #dee2e6;
}
 .page-link {
     padding-left: 18px;
     padding-right: 18px;
     padding-top: 18px;
     padding-bottom: 12px;
     margin-left: -1px;
     line-height: 18px;
     color: #000000;
     background-color: #fff;
     border: 1px solid #B1B4B6;
     font-size: 18px;
     font-family: "font-medium";
     letter-spacing: 0.2px;
     text-decoration: none;
     display: flex;
}
 .page-link:hover {
     z-index: 2;
     text-decoration: none;
     background-color: #eeeeee;
}
 .page-link:focus {
     z-index: 3;
     outline: 0;
     box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
 .page-item:first-child .page-link {
     margin-left: 0;
     border-top-left-radius: .25rem;
     border-bottom-left-radius: .25rem;
}
 .page-item:last-child .page-link {
     border-top-right-radius: .25rem;
     border-bottom-right-radius: .25rem;
}
 .rounded-0 {
     border-radius: 0!important;
}
 .page-link-active {
     background: #eeeeee;
}
 .article-paging a:last-child {
     margin-left: auto;
}
 .dropdown-overflow{
     max-height: 288px;
     overflow-y: auto;
}
 li.nav-header-item a {
     background:#0065BD;
     color:#FFFFFF !important;
}
 input[type="date"] {
     border:2px solid #626A6E ;
     border-radius: 4px;
     height:48px;
     font-family: 'font-regular';
     padding-left:12px;
}
 ::-webkit-datetime-edit {
     padding-top: 6px;
}
 .homepage-blog-image {
     width:100%;
     height:auto;
     object-fit: cover;
}
/* Cookie bar styles */
 .ccc-notify-button {
     margin-right:12px !important;
     border: 2px solid #ffffff !important;
}
 .ccc-accept-button {
     background-color:white !important;
}
 .ccc-accept-button span {
     color:#0065BD !important;
}
 a.ccc-link {
     color:#FFFFFF !important;
     text-decoration:underline;
}
 .ccc-reject-button {
     border: none !important;
}
 .ccc-reject-button span {
     color:#ffffff !important;
}
 button.ccc-notify-button {
     font-size:18px !important;
     line-height: 22px !important;
     font-family:font-medium;
     font-weight:normal !important;
}
 #ccc .ccc-notify-button.ccc-link.ccc-tabbable {
     padding-top: 11px !important;
}
 .ccc-notify-button span:hover {
     text-decoration:underline !important;
}
 .search-form {
     opacity: 1 !important;
     position:inherit !important;
     z-index:0 !important;
}
 .header-search-dropdown {
     overflow: hidden;
}
 .header-search-dropdown input {
     position: absolute;
     opacity: 0;
     z-index: -1;
}
 .header-search-dropdown .tab {
     width: 63px;
     overflow: hidden;
}
 .header-search-dropdown .tab-label {
     color: #0065BD;
     background: #EEEEEE;
     cursor: pointer;
     margin-bottom: 0px;
     height: 63px;
     width:63px;
}
 .header-search-dropdown .tab-label::before {
     content: "\004d";
     font-family: kohera-icons;
     top: 18px;
     left: 20px;
     font-size: 20px;
     position: relative;
}
 .header-search-dropdown .tab-content {
     max-height: 0;
}
 .header-search-dropdown .tab-close {
     display: flex;
     cursor: pointer;
}
 .header-search-dropdown input:checked + .tab-label::before {
     content: '\0045';
     transform: rotate(45deg);
     display: inherit;
}
 .header-search-dropdown input:checked ~ .tab-content {
     max-height: 100vh;
     width: 100%;
     background: #EEEEEE;
     display: flex;
     left: 0;
     padding-top: 48px;
     padding-bottom: 48px;
     position: fixed;
     border-bottom: #0065BD solid 5px;
}
 .search-button {
     display:block;
     color: #0065BD !important;
     background: #EEEEEE;
     cursor: pointer;
     margin-bottom: 0px;
     height: 63px;
     width:63px;
}
 .search-button::before {
     content: "\004d";
     color: #0065BD;
     font-family: kohera-icons;
     text-decoration:none;
     top: 18px;
     left: 20px;
     font-size: 20px;
     position: relative;
}
 .popular-grid {
     display: grid;
     grid-template-columns: 24% 24% 24% 24%;
     width:100%;
     column-gap: 1.3%;
}
 .popular-item a {
     background: #A20067;
     color: white !important;
     width: 100%;
     height: 100%;
     display: block;
     padding: 6px 6px 6px 6px;
}
 .popular-item a span {
     position: relative;
}
 .popular-inner {
     border-left: 4px solid white;
     padding-left: 12px;
     padding-top:12px;
     padding-bottom:12px;
     height: 100%;
     flex-direction: column;
     display: flex;
     justify-content: center;
}
 @media (max-width: 767px) {
     .popular-grid {
         display: inline !important;
    }
     .popular-item a {
         margin-bottom:12px;
         background: #ffffff;
         color: #0065BD !important;
         width: 100%;
         height: 100%;
         display: block;
         padding: 6px 6px 6px 6px;
    }
     .popular-inner {
         border-left: 4px solid #A20067;
         padding-left: 12px;
         padding-top:12px;
         padding-bottom:12px;
         flex-direction: row;
         display: flex;
         justify-content: space-between;
         height: auto;
         align-items: center;
    }
     .popular-inner .h3 {
         font-family:font-regular;
         margin-bottom:0px;
         padding-right:12px;
    }
     .popular-inner .mt-auto {
         margin-top: 0 !important;
    }
}
/* Outline button (TBD) */
 .btn-outline {
     color: #000000 !important;
     background-color: #0065BD;
     border-color: #FFFFFF;
}
 .btn-outline:hover {
     color: #0065BD !important;
     background-color: #ffffff;
     border-color: #ffffff;
}
 .btn-outline.disabled,.btn-outline:disabled {
     color: #fff;
     background-color: #007bff;
     border-color: #007bff;
}
 .btn-outline:not(:disabled):not(.disabled):active,.btn-outline:not(:disabled):not(.disabled).active,.show > .btn-outline.dropdown-toggle {
     color: #0B0C0C;
     background-color: #fff;
     border-color: #B1B4B6;
}
/* Random buttons with icon tweaks */
 a.btn.btn-link.icon-right-after:after {
     top: 3px;
}
 a.btn.btn-primary.icon-right-after:after {
     top: 3px;
}
 a.btn.btn-outline.icon-right-after:after {
     top: 3px;
}
/* Fixes IE flexbox issues */
 .row {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 100%;
     flex: 1 0 100%;
}
/* FOOTER START */
 .kohera-footer {
     bottom: 0;
     left: 0;
     right: 0;
     position: relative;
     display: block;
}
 .footer > .row {
     margin-top: -15px;
     margin-bottom: -5px;
}
/* copyright background colour */
 .address-and-copyright {
     background-color: #363B3D;
}
 .bg-darkgrey1 {
     background: #363B3D;
}
/* Footer links when click override blue colour with white */
 .footer p a:focus,.footer p a:hover {
     color: #FFFFFF !important;
     background: none;
}
/* Footer top SVG styles */
 .footer-top-svg {
     display: inline-block;
     position: relative;
     width: 100%;
     padding-bottom: 25%;
     vertical-align: middle;
     overflow: hidden;
     margin-top: 0px;
     z-index: 0;
}
 .svg-content {
     display: inline-block;
     position: absolute;
     top: 0;
     left: 0;
}
 .footer-top-svg .blue-curve {
     stroke: #0065DB;
     stroke-width: 2px;
     fill: #0065DB;
}
 .footer-top-svg .grey-curve {
     stroke: #B1B4B6;
     stroke-width: 2px;
     fill: #B1B4B6;
}
 .footer-top-svg .darkgrey-curve {
     stroke: #626A6E;
     stroke-width: 1px;
     fill: #626A6E;
}
 .footer-top-svg .blue-curve-sm {
     stroke: #0065DB;
     stroke-width: 2px;
     fill: #0065DB;
     display: none;
}
 .footer-top-svg .grey-curve-sm {
     stroke: #B1B4B6;
     stroke-width: 2px;
     fill: #B1B4B6;
     display: none;
}
 .footer-top-svg .darkgrey-curve-sm {
     stroke: #626A6E;
     stroke-width: 1px;
     fill: #626A6E;
     display: none;
}
/* Footer middle SVG styles */
 .footer-middle-svg {
     display: inline-block;
     position: relative;
     width: 100%;
     padding-bottom: 10%;
     vertical-align: middle;
     overflow: hidden;
     margin-top: -15px;
}
 .footer-middle-svg .single-curve-light {
     stroke: #626A6E;
     stroke-width: 1px;
     fill: #626A6E;
}
 .footer-middle-svg .middle-svg-rect {
     stroke: #363B3D;
     stroke-width: 1px;
     fill: #363B3D;
}
/* Footer bottom SVG styles */
 .footer-bottom-svg {
     display: inline-block, none;
     position: relative;
     width: 100%;
     vertical-align: middle;
     overflow: hidden;
     bottom: 0;
}
 .footer-bottom-svg .bottom-svg-rect {
     stroke: #626A6E;
     stroke-width: 1px;
     fill: #626A6E;
}
 .footer-links-section {
     margin-top: -200px;
}
/* Extra extra large devices (xxl desktops, 1513px and down) */
 @media (max-width: 1513px) {
     .footer-links-section {
         margin-top: -140px;
    }
}
/* Extra large devices (large desktops, 1200px and down) */
 @media (max-width: 1200px) {
     .footer-links-section {
         margin-top: -100px;
    }
}
/* Max width of 768px styles */
 @media only screen and (max-width: 768px) {
     .address-and-copyright {
         padding-bottom: -100px;
    }
     .footer-top-svg {
         padding-bottom: 45%;
        /* margin-top: -70px;
         */
    }
     .footer-middle-svg {
         padding-bottom: 20%;
    }
     .footer-bottom-svg {
         padding-bottom: 20%;
         display: block;
    }
     .footer-top-svg .darkgrey-curve {
         height: 100px;
    }
     .footer-top-svg .blue-curve-sm {
         display: block;
    }
     .footer-top-svg .grey-curve-sm {
         display: block;
    }
     .footer-top-svg .darkgrey-curve-sm {
         display: block;
    }
     .footer-extra-padding {
         margin-left: -43px;
    }
     .footer-links-section {
         margin-top: -210px;
    }
}
/* Small devices (landscape phones, 576px and down) */
 @media (max-width: 576px) {
     .footer-links-section {
         margin-top: -100px;
    }
}
/* FOOTER END */
/* People profiles */
 .people-profile-image {
     border-right:4px solid #0065BD;
     margin-right:24px;
     max-width: 300px;
     height:auto;
}
 .people-profile-social {
     height:24px;
     width: auto;
     margin-right:24px;
}
/* Scroll to the top button */
 .scroll-to-top-button {
     width: 108px;
     z-index: 53;
     position: fixed;
     right: 0;
     bottom: 20%;
     border-radius: 4px 0px 0px 4px;
     box-shadow: 0px 1px 0px #545454;
     cursor: pointer;
}
 .scroll-to-top-arrow {
     border-right: 1px solid #7CB8EC;
}
 .scroll-to-top-word {
     margin-left: 60px !important;
}
/* Share this page menu */
 .stp .tab-label::before {
     content: " \0054";
     font-family: kohera-icons;
     margin-right: 6px;
     top: -3px;
     position: relative;
}
 #stp:checked + .tab-label::before {
     content: " \004b";
     transform: rotate(90deg);
     top: -4px;
}
 .stp label {
     cursor: pointer;
}
 #stp:checked~.tab-content {
     border: 1px solid #0065BD !important;
     z-index: 10;
     position: absolute;
     background: #FFF;
     border-radius: 0px 0px 4px 4px;
}
 .stp .tab .tab-content a p {
     margin: 0px 24px;
     padding-bottom: 6px;
     line-height: 1.8;
}
 .stp .tab .tab-content a {
     color: #0B0C0C !important;
     margin-bottom: 0px;
}
 .stp .tab .tab-content a:hover {
     color: #0065BD !important;
     border-bottom: 1px solid #0065BD !important;
     cursor: pointer;
     background: #EEE;
}


/* Events purple banner date */
.events-plum-banner-width {
    min-width: 78px
}

/* Blogs and articles - responsive screen */
/* Medium devices (992px and down) */
 @media (max-width: 992px) {
    .blogs-listing-padding-top-tier {
        padding-left: 18px !important;
    }

    .blogs-listing-padding-second-tier {
        padding-left: 0px !important;
    }
}

/* positionable images for news and blogs */
@media (min-width: 992px) {
.newsblog-left {width:60%;}
.newsblog-right {display: flex;justify-content: flex-end;flex-direction: row;}
.newsblog-right img {width:60%;}
}

.peopleImage {width: 162px;float:left;}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: #000000 !important;
}

a:not([href]):not([tabindex]) {
    color: #000000 !important;
    
}



/* IEPA hub specific */
 .resource-library {
     overflow: hidden;
     border: none;
}
 .resource-library input {
     position: absolute;
     opacity: 0;
     z-index: -1;
}
 .resource-library .tab {
     width: 100%;
     overflow: hidden;
}

 .resource-library .tab-label {
     display: flex;
     justify-content: space-between;
     cursor: pointer;
     color: #0065BD;
     background: #EEEEEE;
     margin-bottom:0px;
     padding:18px 12px 12px 48px;
     font-family: "font-semibold";
}
 .accordion-blue.resource-library .tab-label{
     color: #FFFFFF !important;
     background: #0065BD !important;
}
 .resource-library .tab-label::after {
     content: "\0047";
     font-family: kohera-icons;
     margin-right: 6px;
     top: -2px;
     position: relative;
}
 .resource-library .tab-content {
     max-height: 0;
}
 .resource-library .tab-close {
     display: flex;
     cursor: pointer;
}
 .resource-library input:checked + .tab-label::after {
     transform: rotate(180deg);
     top: -4px;
}
 .resource-library input:checked ~ .tab-content {
     max-height: max-content;
     padding: 0px 12px 0px 60px;
    background: #0065BD;
}


.resource-library a {color:white !important;}

.resource-library a::before {color:white !important;content:"";border-left: 4px solid transparent !important;position: relative;display: inline;margin-left: -6px;padding-left: 6px;}

.resource-library a:hover::before, a.resource-libraryActive::before {border-left: 4px solid white !important;}


.resource-library .row {border-top:1px solid white;border-bottom:1px solid white;padding:18px 0px 12px 0px;margin-bottom:24px;}