/* Project Specific Styles (Rural Capital Headlight Dashboard)
//
//  A collection of styles applied specifically to the project
//  - styles global to the Burly-App platform should not be here; they should
//    be placed in app-style.css instead
//  - override Burly-App defaults using this section by increasing selector 
//    specificity; use the Web Publisher config 'web_pub_body_class' setting
*/

/*** RCA Homepage Style Sheet */

/* Headlight V3 Styles Marc O. */

/* Header */

.app-hlp3.client-rca header.masthead {
    background: #ffffff;
    height: 112px;
}

.app-hlp3.app-hlp.client-rca header.masthead section.site-branding {
    max-width:280px;
}
.app-hlp3.client-rca header.masthead img.brand-logo {
    width:266px;
    max-height: none;
}
@media (max-width:540px) {
    .app-hlp3.client-rca header.masthead img.brand-logo {
        width:244px;
    }
}

/* Search Icon Adjustments */

.app-hlp3.client-rca header .search-icon::after {
    filter: brightness(0) saturate(100%) invert(17%) sepia(1%) saturate(0%) hue-rotate(326deg) brightness(102%) contrast(87%);
}
.app-hlp3.client-rca header .search-icon:hover::after {
    filter: brightness(0) saturate(100%) invert(15%) sepia(54%) saturate(2969%) hue-rotate(205deg) brightness(97%) contrast(101%);
}

.app-hlp3.client-rca header .search-icon input {
    margin-top: -4px;
}

/* typeahead.js
--------------------------------------------- */

.app-hlp3.client-rca header #sitewide-search .tt-menu {
    background: #fff;
    border: #f0f0f0 2px solid;
}

.app-hlp3.client-rca header #sitewide-search .tt-menu h3 {
    color: #05357B;
    border-bottom: #05357B 1px solid;
}

/* Menu */

.app-hlp.client-rca #hlp-header,
.app-hlp.client-rca #header-nav-holder #hlp-nav-menu ul.main-menu,
.app-hlp.client-rca #header-nav-holder #hlp-nav-menu ul.main-menu li ul.submenu {
    background-color: #fff;
}

.app-hlp3.client-rca header nav#site-navigation ul#main-navigation li.navigation-item {
    padding: 8px 4px 0;
}

.app-hlp3.client-rca header nav#site-navigation ul#main-navigation li.navigation-item a.main-nav-menu-item {
    color: #383838;
}
.app-hlp3.client-rca header nav#site-navigation ul#main-navigation li.navigation-item a.main-nav-menu-item:hover {
    color: #05357B;
}

.app-hlp3.client-rca header .navigation-item .data-menu-subpanels-container {
    top:112px;
}

.app-hlp3.client-rca header nav#site-navigation .nav-panel-columns .nav-panel-column-menu ul li a,
.app-hlp3.client-rca header nav#site-navigation .nav-panel-columns .nav-panel-column-menu ul li a:visited {
    color: #05357B;
    text-decoration: underline;
}
.app-hlp3.client-rca header nav#site-navigation .nav-panel-columns .nav-panel-column-menu ul li a:hover,
.app-hlp3.client-rca header nav#site-navigation .nav-panel-columns .nav-panel-column-menu ul li a:active, 
.app-hlp3.client-rca header nav#site-navigation .nav-panel-columns .nav-panel-column-menu ul li .nav-link-current {
    color: #A40D12;
    text-decoration: underline;
}

.app-hlp.client-rca #site-navigation #menu-data.navigation-item .main-nav-menu-item:after {
    content: url(../images-hlp/rca/hamburger-desktop.svg);
    margin-left: 14px;
    float: right;
    width: 26px;
    height: 30px;
    margin-top: -4px;
    filter: brightness(0) saturate(100%) invert(17%) sepia(1%) saturate(0%) hue-rotate(326deg) brightness(102%) contrast(87%);
}
.app-hlp.client-rca #site-navigation #menu-data.navigation-item .main-nav-menu-item:hover:after {
    filter: brightness(0) saturate(100%) invert(15%) sepia(54%) saturate(2969%) hue-rotate(205deg) brightness(97%) contrast(101%);
}

.app-hlp3.client-rca header nav#site-navigation ul#main-navigation li.navigation-item a.main-nav-menu-item:hover {
    text-decoration: none;
    border-bottom: 2px solid #05357B;
}

.app-hlp3.client-rca header nav#site-navigation ul#main-navigation li.navigation-item:after {
    border-bottom: none;
}

.app-hlp3.client-rca .top-bar, 
.app-hlp3.client-rca .middle-bar, 
.app-hlp3.client-rca .bottom-bar {  
    background: #05357B;
}

.app-hlp.client-rca #hlp-main-menu,
.app-hlp.client-rca ul.main-menu {
	font-family: "Montserrat", "Roboto", Arial, sans-serif;
}

.app-hlp.client-rca.platform-embedded #header-nav-holder ul {
    font-size: .9em;
}

.app-hlp.client-rca #hlp-home-page {
    text-align: left;
}

.app-hlp.client-rca.platform-embedded #hlp-home-page .content {
    width: 820px;
}

.app-hlp.client-rca  #hlp-home-page {
    padding: 0;
    margin-top: 0;
}

/* Drop Down Overrides - Make Room for Lots of Icons & Text */

@media (max-width:1240px) {
    .app-hlp3.client-rca header nav#site-navigation li.navigation-item .nav-panel-icons .nav-panel-icon {
        margin:4px;
        padding:10px;
    }
    .app-hlp3.client-rca header nav#site-navigation li.navigation-item .nav-panel-icon h3 {
        font-size: 0.85em;
    }
}

/* override poor use of max-width 100% for img set at the root level in jobs.css */ 
/* this fixes the icon width in the dropdown menu */ 
.app-hlp3.client-rca header nav#site-navigation li.navigation-item .nav-panel-icons img {
    max-width: unset;
}

/* Mobile Menu */

.app-hlp3.client-rca .mobile-nav-container ul.mobile-nav-menu {
    background: rgba(13, 39, 77,0.99);
    top:113px;
}

.app-hlp3.client-rca .mobile-nav-container .nav-link-current {
    color: #46a2da;
}

.app-hlp3.client-rca .mobile-nav-container ul.mobile-nav-menu li ul.mobile-drop-down-menu {
    background: linear-gradient(45deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0.03));
}


/* Internal Page Tab Header Background */

.app-hlp3.app-hlp.client-rca .chart-page #main-form-container {
    background-color: #f6f8f8;
    top: 113px;
}



/* Intro Text Container Below Header
--------------------------------------------- */
.app-hlp3.client-rca #intro-container {
    display: none;
}
@media (min-width:961px) {
    .app-hlp3.client-rca #intro-container {
        background-color: #05357B;
        display: flex;
        align-items: center;
        justify-content: end;
        height: 45px;
        position: sticky;
        top: 113px;
        width: 100%;
        z-index: 999999;
    }
    .app-hlp3.client-rca #intro-container .intro-container-text {
        padding-left: 1.66em;
        padding-right: 1.66em;
    }
    .app-hlp3.client-rca #intro-container .intro-container-text span {
        color: #ffffff;
        font-size: 1.325rem;
        font-weight: 700;
        
    }
    .app-hlp3.client-rca #intro-container .intro-container-text span:after {
        content: url(../images-hlp/rca/menu-arrow-ko.svg);
        display: block;
        float: right;
        height: 0;
        margin-left:18px;
        margin-right: 6.6rem;
    }
}

/* Intro Container and Hero Text
--------------------------------------------- */
.app-hlp3.client-rca main#hlp-home-page section.home-hero-visual {
    background-image: url(/images-hlp/rca/hero-rca-01.jpg);
    height: auto;
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;    
}

.app-hlp3.client-rca main#hlp-home-page section.home-hero-visual .hero-content-wrap {
    display: flex;
    justify-content: flex-start;
    width: 1140px;
    max-width: 100%;
}
.app-hlp3.client-rca main#hlp-home-page section.home-hero-visual .hero-logo-image img {
    max-width: 620px;
    width: 100%;
    margin-bottom: 8.5em;
    margin-top: 8.5em;
    margin-left: 1em;
}


.app-hlp3.client-rca main#hlp-home-page section.home-hero-visual h1 {
    color: #fff;
    font-size: 2.125em;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 24px 18px;
}

@media (min-width:1333px) {
.app-hlp3.client-rca main#hlp-home-page section.home-hero-visual .hero-logo-image img {
    max-width: 620px;
    width: 100%;
    margin-bottom: 10em;
    margin-top: 10em;
}
}

@media (max-width:960px) {
    .app-hlp3.client-rca main#hlp-home-page section.home-hero-visual .hero-logo-image img {
        max-width: 440px;
        margin-bottom: 2em;
        margin-top: 7em;
        margin-left: 32px;
    }
}
@media (max-width:480px) {
    .app-hlp3.client-rca main#hlp-home-page section.home-hero-visual .hero-logo-image img {
        max-width: 340px;
        margin-left: 16px;
        margin-bottom: 1.5em;
        margin-top: 5em;
    }
}

/* Tagline Text Under Hero */
.app-hlp3.client-rca main#hlp-home-page section.home-tagline {
    background-color: #05357B;
    border-style: none;
    padding: 10px 0;
}
.app-hlp3.client-rca main#hlp-home-page section.home-tagline h1 {
    color: #ffffff;
    font-size: 1.925em;
    letter-spacing: -0.5px;
    margin: 0 auto;
    max-width: 1240px;
    padding: 0.325em;
    line-height: 1.5em;
}

@media (max-width:960px) {
    .app-hlp3.client-rca main#hlp-home-page section.home-tagline h1 {
        font-size: 1.625em;
        line-height: 1.625em;
    }
}

@media (max-width:480px) {
    .app-hlp3.client-rca main#hlp-home-page section.home-tagline h1 {
        font-size: 1.375em;
        line-height: 1.375em;
    }
}

/*** Buttons ***/
.app-hlp.client-rca a.custom-button {
    color: #05357B;
    text-decoration: none;
    display: inline-block;
    border: #05357B 1.5px solid;
    font-weight: 600;
    padding: 10px 25px;
    border-radius: 100px;
    font-size: 1.325em;
    margin: 8px 4px;
    background-color: #FFFFFF;
    transition:.2s;
}
.app-hlp.client-rca a.custom-button:hover {
    color: white;
    background-color: #05357B;
    border: white 1.5px solid;
}

.app-hlp.client-rca a.custom-button-alt {
    color: white;
    text-decoration: none;
    display: inline-block;
    border: white 1.5px solid;
    font-weight: 600;
    padding: 10px 25px;
    border-radius: 100px;
    font-size: 1.325em;
    margin: 8px 4px;
    background-color: #05357B;
    transition:.2s;
}

.app-hlp.client-rca a.custom-button-alt:hover {
    color: #05357B;
    background-color: #FFFFFF;
    border: #05357B 1.5px solid;
}

.app-hlp.client-rca a.custom-button-orange {
    color: white;
    text-decoration: none;
    display: inline-block;
    border: white 1.5px solid;
    font-weight: 600;
    padding: 10px 25px;
    border-radius: 100px;
    font-size: 1.325em;
    margin: 8px 4px;
    background-color: #A40D12;
    transition:.2s;
}

.app-hlp.client-rca a.custom-button-orange:hover {
    color: #ffffff;
    background-color: #05357B;
    border: #05357B 1.5px solid;
}

@media screen and (max-width: 1200px) {
    .app-hlp.client-rca a.custom-button,
    .app-hlp.client-rca a.custom-button-alt {
        font-size: 1.2em;
    }

    .app-hlp.client-rca .page-section {
        padding: 75px 7%;
    }
}

@media screen and (max-width: 960px) {
    .app-hlp.client-rca .career-lattices-text a.custom-button-alt {
        margin: 0 auto;
        text-align: center;
        display: block;
        width: fit-content;    
    }
}


/* Jobs Quick Links Sections */
.app-hlp3.client-rca section.jobs-quicklinks {
    display: flex;
    justify-content: center;
    padding: 0 30px;
}
.app-hlp.client-rca section.jobs-quicklinks .quicklink-buttons {
    padding: 45px 0px;
    text-align: center;
}

.app-hlp.client-rca section.jobs-quicklinks .quicklink-buttons a {
    /* margin: 0px 0px 24px; */
}


/* charts canvas wrapper width override */
.app-hlp.client-rca #hlp-home-page .chart-canvas {
    max-width: 100%;
    width: 100%;
}

/* Career Lattices */

.app-hlp.client-rca .section-career-lattices {
    background-color: rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
    padding:60px 10% 60px;
}

.app-hlp.client-rca .career-lattices-wrap {
    align-items: center;
    max-width: 1240px;
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 3.0em;
    margin: 0 auto;
}

.app-hlp.client-rca .section-career-lattices .career-lattices-img {
    width: 50%;
    margin: 0;
}

.app-hlp.client-rca .section-career-lattices .career-lattices-img img {
    border-radius: 16px;
    display: inline-block;
    max-width: 100%;
    width: 100%;
}

.app-hlp.client-rca .career-lattices-wrap .career-lattices-text {
    width: 50%;
}

.app-hlp.client-rca .career-lattices-wrap .career-lattices-text .career-lattices-title {
    color: #05357B;
    font-family: 'Roboto', Arial, sans-serif; 
    font-size: 1.925em;
    margin:0;
    padding: 0;
    text-align: left;
}

.app-hlp.client-rca .career-lattices-wrap .career-lattices-text p {
    color:#383838;
    line-height: 1.5em;
    font-size: 1.15em;
}


@media (max-width:960px) {
    .app-hlp.client-rca .career-lattices-wrap {
        flex-direction: column;
        row-gap: 1.5em;
        max-width: 640px;
        padding: 16px 24px;
    }
    .app-hlp.client-rca .career-lattices-wrap .career-lattices-img {
        padding: 0;
        width: 100%;
    }    
    .app-hlp.client-rca .career-lattices-wrap .career-lattices-text {
        padding: 0;
        width: 100%;
    }

}
@media (max-width:480px) {
    .app-hlp.client-rca .career-lattices-wrap {
        padding: 0;
    }    
    .app-hlp.client-rca .section-career-lattices {
        padding:45px 30px 45px;
    }    
    .app-hlp.client-rca .career-lattices-wrap .career-lattices-text .career-lattices-title {
        font-size: 1.425em;
    }
    .app-hlp.client-rca .career-lattices-wrap .career-lattices-text p {
        font-size: 1.0em;
    }    
}


/* Resources Section */

.app-hlp3.client-rca section.resources-quicklinks {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding-bottom: 32px; */
    padding:60px 8% 60px;
}

.app-hlp3.client-rca section.resources-quicklinks h2 {
    color: #05357B;
    font-family: 'Roboto', Arial, sans-serif; 
    font-size: 1.925em;
    margin:0;
    padding: 0 0 1.625em;
}

.app-hlp3.client-rca section.resources-quicklinks .resources-list-wrap {
    max-width: 1040px;
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 3.5em;
    margin: 0 auto;
}

.app-hlp3.client-rca section.resources-quicklinks .resources-list-wrap .resources-list {
    background-color: #FAF9F8;
    border-radius: 16px;
    padding: 16px 24px;
    width: 50%;
}

.app-hlp3.client-rca section.resources-quicklinks h3 {
    font-size: 1.485em;
    font-weight: 600;
    padding-top: 8px;
}

.app-hlp3.client-rca section.resources-quicklinks ul#resource-links {
    list-style-type: none;
}

.app-hlp3.client-rca section.resources-quicklinks ul#resource-links li {
    color: #05357B;
    font-size: 1.125em;
    line-height: 1.625em;
    margin-bottom: 12px;
    
    margin-left: 18px;
}

.app-hlp3.client-rca section.resources-quicklinks ul#resource-links li:before {
    color: #A40D12;
    content: "\25B6";
    margin-left: -48px;
    padding-right: 12px;    
}


.app-hlp3.client-rca section.resources-quicklinks ul#resource-links li a, 
.app-hlp3.client-rca section.resources-quicklinks ul#resource-links li a:visited {
    color: #05357B;
    font-weight: 700;
}

.app-hlp3.client-rca section.resources-quicklinks ul#resource-links li a:hover {
    color: #A40D12;
    font-weight: 700;
}

@media (max-width:960px) {
    .app-hlp3.client-rca section.resources-quicklinks {
        padding:60px 10% 60px;
    }    
    .app-hlp3.client-rca section.resources-quicklinks .resources-list-wrap {
        flex-direction: column;
        row-gap: 1.5em;
        padding: 0;
    }
    .app-hlp3.client-rca section.resources-quicklinks .resources-list-wrap .resources-list {
        padding: 0 24px 12px; 
        width: auto;
    }    

    
}
@media (max-width:480px) {
    .app-hlp3.client-rca section.resources-quicklinks {
        padding: 60px 22px 60px;
    }
    .app-hlp3.client-rca section.resources-quicklinks .resources-list-wrap {
        flex-direction: column;
        row-gap: 1.5em;
    }
    .app-hlp3.client-rca section.resources-quicklinks h2 {
        font-size: 1.425em;
        padding: 0 0 1.125em;
    }   
    .app-hlp3.client-rca section.resources-quicklinks h3 {
        font-size: 1.25em;
        padding-top: 8px;
        padding-left: 16px;
    }     
    .app-hlp3.client-rca section.resources-quicklinks ul#resource-links {
        padding-left: 16px;
    }
    .app-hlp3.client-rca section.resources-quicklinks ul#resource-links li {
        font-size: 0.95em;
        line-height: 1.485em;
        margin-bottom: 8px;
        margin-left: 0;
    }
    .app-hlp3.client-rca section.resources-quicklinks ul#resource-links li:before {
        margin-left: 0;
    }
}

/* Footer Styles */

.app-hlp.client-rca #hlp-footer {
    color: #383838;
    padding: 0;
}

.app-hlp.client-rca footer {

}

/*** Newsletter ***/

.app-hlp.client-rca #hlp-footer #hlp-newsletter  {
    border-top: #FAF9F8 thin solid;
    background-color: #FFFFFF;
}

.app-hlp.client-rca #hlp-footer #hlp-newsletter .page-section-newsletter {
    max-width: 1040px;
    margin: 0 auto;
    padding: 30px 30px 60px;
    text-align: center;    
}

.app-hlp.client-rca .page-section-newsletter h3.page-section-title {
    color: #05357B;
    font-size: 1.75em;
    margin-bottom: 1.5em;
    text-align: center;
    font-weight: 700;
}

.app-hlp.client-rca label.newsletter-form-label {
    display: block;
    text-align: left;
}

.app-hlp.client-rca form.rendered-form {
    margin: 0 auto;
    max-width: 600px;
}

.app-hlp.client-rca .field-newsletter input {
    width: 100%;
    font-size: 1.125em;
    color: #383838;
    padding: 8px 15px;
    letter-spacing: 0.05em;
    border: 1px solid #cfcfcf;
    margin: 5px 0;
    border-radius: 2px;
    box-sizing: border-box;
}

.app-hlp.client-rca .field-newsletter {
    margin: 10px 0px;
}

.app-hlp.client-rca .field-newsletter.field-newsletter-firstname, 
.app-hlp.client-rca .field-newsletter.field-newsletter-lastname {
    width: 47%;
    display: inline-block;
}

.app-hlp.client-rca .field-newsletter.field-newsletter-lastname {
    float: right;
}

.app-hlp.client-rca .field-newsletter.field-newsletter-firstname {
    float: left;
}

.app-hlp.client-rca #newsletter-button {
    color: white;
    text-decoration: none;
    display: inline-block;
    border: white 1.5px solid;
    font-weight: 500;
    padding: 10px 25px;
    border-radius: 100px;
    font-size: 1.125em;
    margin: 8px 4px;
    background-color: #A40D12;
    transition:.2s;
}

.app-hlp.client-rca #newsletter-button:hover {
    color: #ffffff;
    background-color: #05357B;
    border: #05357B 1.5px solid;
}

@media (max-width:480px) {
    .app-hlp.client-rca .page-section-newsletter h3.page-section-title {
        font-size: 1.375em;
        line-height: 1.375em;
    }
}

/* Regional Info Footer */

.app-hlp.client-rca section.pre-footer-content {
    background-color: #F8F9F8;
    padding: 60px 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.app-hlp.client-rca section.pre-footer-content .region-wrap {
    background-color: #F8F9F8;
    display: flex;
    flex-direction: row;
    column-gap: 3em;
    max-width: 900px;
    padding: 0;
}

.app-hlp.client-rca section.pre-footer-content .region-wrap p {
    color: #383838;
    line-height: 1.5em;
    font-size: 1.15em;
}

.app-hlp.client-rca #hlp-footer .pre-footer-content .region-wrap .region-map img {
    margin: 0 auto;
    width: 310px;
    max-width: unset;
}

.app-hlp.client-rca #hlp-footer .pre-footer-content .region-wrap .region-info img {
    margin: 0 auto;
    width: 290px;
}


/* Made Possible Footer */

.app-hlp.client-rca .made-possible  {
    background-color: #05357B;
}
.app-hlp.client-rca .made-possible .footer-section {
    color: #FFFFFF;
    margin: 0 auto;
    max-width: 960px;
    padding: 30px 18px;
    text-align: center;
}
.app-hlp.client-rca .made-possible .footer-section p.counties {
    font-size: 1.195em;
    font-weight: 700;
    line-height: 1.425em;
    padding-bottom: 0.5em;
}
.app-hlp.client-rca .made-possible .footer-section hr {
    margin-bottom: 1.5em;
    opacity: 0.3;
}
.app-hlp.client-rca .made-possible .footer-section .footer-logos-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.app-hlp.client-rca .made-possible .footer-section .footer-logos-wrap img {
    margin: 0 1em 0.625em;
}
.app-hlp.client-rca .made-possible .footer-section p.possible {
    font-size: 0.95em;
    font-weight: 500;
    line-height: 1.675em;
    padding-bottom: 0.5em;
}

/* Headlight Branding Footer */
.app-hlp.client-rca #hlp-footer .headlight-branding  {
    background-color: #0D274D;
    margin-bottom: 0;
    padding: 18px 10%;
    text-align: center;
}
.app-hlp.client-rca #hlp-footer .headlight-branding img {
    margin: 1em 0 1.5em;
    max-width: 284px;
}
.app-hlp.client-rca #hlp-footer .headlight-branding p {
    color: #ffffff;
    margin-bottom: 0;
    font-size: 0.65em;
    line-height:1.675em;
    letter-spacing: 0.6px;
    margin-top: 0;    
}
.app-hlp.client-rca #hlp-footer .headlight-branding p a,
.app-hlp.client-rca #hlp-footer .headlight-branding p a:visited {
    color: #ffffff;
}
.app-hlp.client-rca #hlp-footer .headlight-branding p a:hover {
    color: #A40D12;
}


@media screen and (max-width: 960px) {  
    .app-hlp.client-rca section.pre-footer-content {
        padding: 30px 30px;
    }
    .app-hlp.client-rca section.pre-footer-content .region-wrap {
        flex-direction: column;
        row-gap: 1em;
        text-align: center;
    }    
}
@media screen and (max-width: 480px) {  

    .app-hlp.client-rca section.pre-footer-content {
        padding: 30px 30px;
    }
    .app-hlp.client-rca section.pre-footer-content .region-wrap p {
        font-size: 1.0em;
    }
    .app-hlp.client-rca #hlp-footer .pre-footer-content .region-wrap .region-map img {
        width: 280px;
    }    
    .app-hlp.client-rca .made-possible .footer-section .footer-logos-wrap {
        flex-direction: column;
    }

    .app-hlp.client-rca .made-possible .footer-section p.possible {
        font-size: 0.90em;
        line-height: 1.475em;
    }
}


/* Legacy rca - not MO */
/* 2022 Updated rca homepage */
.app-hlp.client-rca .rca-jobs-homepage .rca-jobs-hero {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2)), url(/images-hlp/rca-jobs-worker-image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 7%;
    min-height: 400px;
    display: flex;
    align-items: center;
}

.app-hlp.client-rca .rca-jobs-homepage {
    margin-top: 45px;
    font-family: Arial, Helvetica, sans-serif;
}

.app-hlp.client-rca .rca-jobs-homepage .rca-jobs-hero-content {
    color: white;
    width: 50%;
    text-align: left;
}

.app-hlp.client-rca .rca-jobs-homepage a.custom-button {
    color: #A40D12;
    text-decoration: none;
    border: #A40D12 1px solid;
    border-radius: 20px;
    background-color: white;
    display: inline-block;
    padding: 3px 15px;
    font-size: 1.2em;
}

/* .jobs-hero a.custom-button-jobs {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: white thin solid;
    padding: 3px 20px;
    display: block;
    border-radius: 4px;
    transition: .2s;
    margin-top: 40px;
}

.jobs-hero a.custom-button-jobs:hover {
    color: rgba(0,0,0,.9);
    border: white thin solid;
    background-color: white;
} */

.app-hlp.client-rca .rca-jobs-homepage h2 {
    margin: 0px;
    font-size: 3.4em;
    text-transform: uppercase;
    margin: 10px 0;
}

.app-hlp.client-rca .rca-jobs-homepage h2 span {
    display: block;
}

.app-hlp.client-rca .rca-jobs-homepage .rca-jobs-hero span,
.app-hlp.client-rca .rca-jobs-homepage .rca-jobs-quicklinks span {
    color: #A40D12;
}

.app-hlp.client-rca .rca-jobs-homepage h3 {
    font-weight: normal;
    margin: 0px 0px 20px;
    font-size: 1.3em;
}

.app-hlp.client-rca .rca-jobs-homepage h4 {
    font-weight: normal;
    display: inline-block;
    background-color: #05357B;
    padding: 4px 10px;
    margin: 0px;
    font-size: 1.3em;
}

.app-hlp.client-rca .rca-jobs-homepage .rca-jobs-quicklinks {
    background: linear-gradient(0deg, rgba(235,235,235, 1), rgba(235,235,235, 0.8)), url(/images-hlp/rca-jobs-background-image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0 7%;
    display: flex;
    border-bottom: #57585b thin solid;
}

.app-hlp.client-rca .rca-jobs-homepage .column-1 {
    margin-right: 50px;
    flex: 1 1 auto;
    width: 100%;
    position: relative;
    top: -30px;
}

.app-hlp.client-rca .rca-jobs-homepage .column-2 {
    margin-left: 50px;
    flex: 1 1 auto;
    width: 100%;
    position: relative;
    top: -30px;
}

.app-hlp.client-rca .rca-jobs-homepage h3.lt-title {
    text-align: center;
    text-transform: uppercase;
    background-color: white;
    color: #05357B;
    font-weight: bold;
    margin: 0;
    padding: 10px;
}

.app-hlp.client-rca .rca-jobs-homepage .link-table.link-table-highlighted h3.lt-title {
    background-color: #05357B;
    color: white;
}

.app-hlp.client-rca .rca-jobs-homepage .link-table {
    border: #57585b6e thin solid;
    background-color: white;
    margin-bottom: 40px;
}

.app-hlp.client-rca .rca-jobs-homepage .link-table a {
    display: block;
    text-decoration: none;
    color: #57585b;
    font-size: 1.5em;
    padding: 16px 20px;
    border-top: #57585b6e thin solid;
    background-color: rgba(0,0,0,0);
    transition: .3s ease-in-out;
}

.app-hlp.client-rca .rca-jobs-homepage .link-table a:hover {
    background-color: rgba(0,0,0,.05);
}

.app-hlp.client-rca .rca-jobs-homepage .link-table.link-table-highlighted a {
    padding: 35px 30px;
}

.app-hlp.client-rca .rca-jobs-homepage .link-table a:after {
    content: '>';
    margin-left: 10px;
    font-size: 0.6em;
    background: #05357B;
    color: white;
    border-radius: 40px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -3px;
}

.app-hlp.client-rca .rca-jobs-homepage .link-table.link-table-highlighted a:after {
    background: #A40D12;
}

.app-hlp.client-rca .rca-jobs-homepage .link-table {
    border: #57585b6e thin solid;
    background-color: white;
}

.app-hlp.client-rca .hlp-home-page .chart-canvas {
    width: auto;
    display: flex;
    flex-direction: column;
    margin: 0;
    
}
.app-hlp.client-rca .hlp-home-page .chart-canvas .chart-plot {
    float: none;
    margin: 0 auto;
}

@media (max-width: 1150px) {
    .app-hlp.client-rca .hlp-home-page .chart-canvas {
        display: block;
    }
    .app-hlp.client-rca .hlp-home-page .chart-canvas > .chart-plot {
  		width: 100%;
  		max-width: 600px;
  	}
}

/* v3 disclaimers internal chart page fix */

.app-hlp.client-rca .chart-page #occ-link {
    font-size: .925em;
    text-align: left;
    margin: 0 2% 48px;
}

.app-hlp.client-rca .chart-page #occ-link a,
.app-hlp.client-rca .chart-page #occ-link a:visited {
    color: #05357B;
}
.app-hlp.client-rca .chart-page #occ-link a:hover {
    color: #A40D12;
}

@media (min-width: 1133px) {
    .app-hlp.client-rca  .chart-page #footer-note {
        margin: 20px 10% 40px 10%;
    }
}

/* End 2022 Updated rca homepage */


.app-hlp.client-rca.platform-embedded #hlp-footer,
.app-hlp.client-rca.platform-embedded #hlp-header,
.app-hlp.client-rca.platform-embedded #chart-form.mode-edit-view {
    display: none;
}
.app-hlp.client-rca.platform-embedded #chart-form.mode-summary-view {
    display: none;
    /*top: 0;*/
}
.app-hlp.client-rca.platform-embedded #chart-form.mode-edit-view, 
.app-hlp.client-rca.platform-embedded #chart-form.mode-summary-view {
    pointer-event: none;
}
.app-hlp.client-rca.platform-embedded .chart-page.has-chart-form,
.app-hlp.client-rca.platform-embedded .chart-page.has-chart-form h2 {
    padding: 0;
}
.app-hlp.client-rca #hlp-header {
    background-color: #05357B;
}
.app-hlp.client-rca #header-nav-holder #hlp-nav-menu ul.main-menu,
.app-hlp #header-nav-holder #hlp-nav-menu ul.main-menu li ul.submenu {
    background-color: #666;
}

.app-hlp.client-rca #hlp-main-menu,
.app-hlp.client-rca ul.main-menu,
.app-hlp.client-rca #app-main .content.article-page, 
.app-hlp.client-rca #app-main .content.weblog-page {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.app-hlp.client-rca #header-nav-holder .flexbox {
	display: flex;
	justify-content: space-between;
}
.app-hlp.client-rca #header-nav-holder .header-left {
    width: 15%;
    padding-left: 1.5em;
}
.app-hlp.client-rca #header-nav-holder .header-mid {
	width: 65%;
}
.app-hlp.client-rca #header-nav-holder .header-left #hlp-nav-menu ul.main-menu li ul.submenu {
	left: 150px;
}
.app-hlp.client-rca #header-nav-holder .header-mid {
	width: 65%;
}
.app-hlp.client-rca #header-nav-holder .header-right {
	width: 15%;
}
.app-hlp.client-rca #header-nav-holder .icon-menu img {
    padding: 1em 0;
}
.app-hlp.client-rca #header-nav-holder .header-mid ul {
    padding: 0;
}
.app-hlp.client-rca #header-nav-holder ul.nav > li {
    padding: 0 10px;
}
.app-hlp.client-rca #header-nav-holder ul.nav > li:first-of-type {
    margin-left: 10px;
}
.app-hlp.client-rca #header-nav-holder ul.nav > li:last-of-type {
    margin-right: 10px;
}
.app-hlp.client-rca #header-nav-holder li.icon-ref {
    padding: 0;
    width: auto;
}
.app-hlp.client-rca #header-nav-holder  ul.icon-menu > li {
    padding-right: 25px;
}
.app-hlp.client-rca #header-nav-holder #hlp-main-menu:before,
.app-hlp.client-rca #header-nav-holder #hlp-main-menu:after {
    content: "";
    padding: 5px 0;
    border-left: 1px solid #588813;
}

/* HLP Portal Menu */
.app-hlp.client-rca #header-nav-holder ul.portal-menu {
    margin: 0;
    padding: 0.33em 0;
    float: right;
    
}
.app-hlp.client-rca #header-nav-holder ul.portal-menu li {
    margin: 0;
    border: 1px solid #fff;
    text-align: center;
    padding: 0.33em 0px;
    display: inline-block;
    min-width: 9em;
    position: relative;
    top: 5px;
}
.app-hlp.client-rca #header-nav-holder ul.portal-menu li a {
    margin: 0;
    /*display: inline-block;*/
    padding: 0 11px;
    text-decoration: none;
    color: #fff;
}

@media screen and (max-width: 1120px) {
    .app-hlp.client-rca #hlp-header #header-nav-holder ul {
        font-size: 12px;
    }
    .app-hlp.client-rca #header-nav-holder ul.nav ul li {
        width: 200px;
    }
}
@media screen and (max-width: 945px) {
    .app-hlp.client-rca #header-nav-holder ul.portal-menu li a {
        padding: 0;
    }
    .app-hlp.client-rca h2 {
        font-size: 1.5em;
    }
}
@media screen and (max-width: 929px) {  
    .app-hlp.client-rca #header-nav-holder .header-left {
        width: 100%;
    }
    .app-hlp.client-rca #header-nav-holder .header-mid,
    .app-hlp.client-rca #header-nav-holder .header-right {
    	display: none;
    }
    .app-hlp.client-rca #header-nav-holder .header-mid,
    .app-hlp.client-rca #header-nav-holder .header-right {
    	display: none;
    }

    .job-column {
        margin: 10px;
    }
}

.app-hlp.client-rca #hlp-help-page .pdf-block {
	background-color: #05357B; /*rgba(84,128,15,.6);*/
}

.app-hlp.client-rca #hlp-contact-page input,
.app-hlp.client-rca #hlp-contact-page textarea,
.app-hlp.client-rca #hlp-contact-page .submit-contact img {
	border-color: rgba(134,162,41,1);
}


/*** MEDIA QUERIES ***/
 @media screen and (max-width: 1120px) {
    .app-hlp.client-rca .rca-jobs-homepage .rca-jobs-hero {
        padding: 3.5%;
    }

    .app-hlp.client-rca .rca-jobs-homepage .rca-jobs-quicklinks {
        padding: 0 3.5%;
    }

    .app-hlp.client-rca .rca-jobs-homepage .column-1 {
        margin-right: 15px;
    }

    .app-hlp.client-rca .rca-jobs-homepage .column-2 {
        margin-left: 15px;
    }

    .app-hlp.client-rca .rca-jobs-homepage #hlp-header #header-nav-holder ul {
        font-size: .9em;
    }
    .app-hlp.client-rca .rca-jobs-homepage #header-nav-holder ul.nav ul li {
        width: 200px;
    }
    .app-hlp.client-rca #article-1433 .jobs-home.jobs-columns {
        display: flex;
        margin: 50px 5% 20px;
    }
}
@media screen and (max-width: 945px) {
    .app-hlp.client-rca .rca-jobs-homepage .rca-jobs-hero-content {
        width: 100%;
        text-align: center;
    }

    .app-hlp.client-rca .rca-jobs-homepage .column-1,
    .app-hlp.client-rca .rca-jobs-homepage .column-2 {
        top: 0;
    }

    .app-hlp.client-rca .rca-jobs-homepage .column-1
    {
        top: 0;
        padding-top: 30px;
    }

    .app-hlp.client-rca #header-nav-holder ul.portal-menu li a {
        padding: 0;
    }
    .app-hlp.client-rca #article-1433 .home-hero {
        padding: 50px; 
    }
}
@media screen and (max-width: 929px) {  
    .app-hlp.client-rca #header-nav-holder .header-left {
        width: 100%;
    }
    .app-hlp.client-rca #header-nav-holder .header-mid,
    .app-hlp.client-rca #header-nav-holder .header-right {
    	display: none;
    }

    .job-column {
        margin: 10px;
    }

    .app-hlp.client-rca #article-1433 .jobs-home.jobs-columns {
        margin: 50px 10px 20px;
    }
}

@media screen and (max-width: 810px) {
    .app-hlp.client-rca .rca-jobs-homepage .column-1,
    .app-hlp.client-rca .rca-jobs-homepage .column-2 {
        margin-right: 0;
        margin-left: 0;
    }

    .app-hlp.client-rca .rca-jobs-homepage .link-table.link-table-highlighted a {
        padding: 16px 30px;
    }

    .app-hlp.client-rca .rca-jobs-homepage .rca-jobs-quicklinks {
        display: block;
    } 

    .app-hlp.client-rca #article-1433 .jobs-home.jobs-columns {
        display: block;
        margin: 50px 20px 20px;
    }

    .app-hlp.client-rca #article-1433 .job-column {
        margin: 30px 0;
    }

    .job-column {
        width: auto;
        display: block;
    }
}


body.app-hlp.client-rca {
    font-size: 17px;
}

/*** Pixel Density Media Queries ***/
@media
only screen and (-webkit-max-device-pixel-ratio: 1.9999),
only screen and (max--moz-device-pixel-ratio: 1.9999),
only screen and (-o-max-device-pixel-ratio: 1.9999/1),
only screen and (max-device-pixel-ratio: 1.9999),
only screen and (max-resolution: 191dpi),
only screen and (max-resolution: 1.9999dppx) {
    body.app-hlp.client-rca {
        font-size: 15px;
    }
}


/*** Code Updates V3 - Marc O Continued ***/

/*** NAV MENU - SPACING FIXES ***/

.app-hlp3.client-rca header nav#site-navigation .nav-panel-columns {
    align-items: start;
    padding: 0.66em 30px;    
    margin: 0 auto;    
}

.app-hlp3.client-rca .nav-panel-column-plot {
    margin-top:2rem;
    max-width: 440px;
}

.app-hlp3.client-rca header nav#site-navigation .nav-panel-columns .nav-panel-column-plot a {
    text-decoration: none;
}

.app-hlp3.client-rca .nav-panel-column-plot .plot-summary .summary-titles .summary-title {
    font-size: 1.1em;
    letter-spacing: normal;
}

.app-hlp3.client-rca div.summary-metric-change-label {
    color: #05357B;
    padding-top: 6px;
}


/* remove good news hover */
/* 
.app-hlp3.client-rca .nav-panel-column-plot .plot-summary {
    cursor: default;
}
 */
/* 
.app-hlp3.client-rca .nav-panel-column-plot .plot-summary:hover {
    background-color: #f0f0f0;
}
 */


@media screen and (max-width: 550px) {
    .app-hlp3.app-hlp.client-rca header.masthead {
        padding-left: 30px;
        padding-right: 30px;
    }
}


/* HLPv3 Styles */

.app-hlp3.client-rca.home .chart-canvas .chart-plot-container .plot-header {
    display: none;
}
.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container {
    padding: 60px 8% 30px;
}

.app-hlp3.client-rca.home .chart-canvas .chart-plot-container {
    padding-top: 18px;
}

.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container header h2 {
    color: #05357B;
    font-family: 'Roboto', Arial, sans-serif; 
    text-align: center;
    font-size: 1.925em;
    margin:0;
    padding: 0 0 0.625em;
}
.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container header h3 {
    color: #383838;
    font-family: 'Roboto', Arial, sans-serif; 
    text-align: center;
    font-size: 1.25em;
    margin:0;
    padding: 0 0 0.825em;
}

.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-columns {
    display: flex;
    column-gap: 3em;
    align-items: start;
    /* flex-direction: row; */
}

.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column {
    padding: 0px 15px;
}

.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column.chart-plot-column-narrative {
    text-align: left;
}

.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container.narrative-chart-plot-odd {
    background-color: rgba(0, 0, 0, 0.05);
}

.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container.narrative-chart-plot-even .chart-plot-columns {
    flex-flow: row-reverse;
}

.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column.chart-plot-column.narrative {
    margin-left: 20px;
}

.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column p {
    color:#383838;
    line-height: 1.5em;
    font-size: 1.15em;
}

 .app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column p em {
    color: #4d4957;
    font-weight: bold;
    font-style: oblique 11deg;
}

.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column a.explore-more-link {
    color: #05357B;
    font-size: 1.175em;
    font-weight: 600;
    margin-top: 2em;
    text-decoration: none;
    transition:.2s;
}
.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column a.explore-more-link:hover {
    color: #A40D12;
}

.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column a.explore-more-link::after {
    color: #A40D12;
    content: "\25B6";
    padding-left: 12px;    
    transition:.2s;
}
.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column a.explore-more-link:hover::after {
    padding-left: 18px;    
}

/* .app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column a {
    color: #05357B;
}
.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column a:hover {
    color: #A40D12;
} */

.app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column.chart-plot-column-chart {
    flex: 1 0 auto;
    width: 55%;
}
@media (max-width:960px) {
    .app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container {
        padding: 30px;
    }    
    .app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container header h2 {
        font-size: 1.425em;
    }
    .app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-columns {
        display: block;
    }
    .app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column.chart-plot-column-narrative {
        margin-bottom: 3.0em;
        padding: 0;
        text-align: left;        
    }    
    .app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column.chart-plot-column-chart {
        /* flex: 1 0 auto; */
        width: 100%;
    }
    
}

@media (max-width:540px) {
    .app-hlp3.client-rca main#hlp-home-page .narrative-chart-plot-container .chart-plot-column p {
        font-size: 1.0em;
    }
}

.app-hlp3.client-rca main#hlp-home-page .chart-plot .plot-tooltip {
    background-color: #383838;
    color: #fff;
    text-align: center;
    padding: .6em;
    border-radius: .5em;
    font-size: .9em;
} 


/***** Job Search Style Overrides *****/

.app-hlp.client-rca .jobs-background-img {
    background-image: none;
    position: relative;
    display: none;
}

.app-hlp.client-rca .job-portal-container {
    max-width: 1140px;
    margin: 60px auto 60px;
}
.app-hlp.client-rca section.job-portal {
    border: 1px solid #05357B;
}

.app-hlp.client-rca .job-portal-container h2, 
.app-hlp.client-rca .job-portal-container h2 a {
    color: #05357B;
    margin-bottom: 16px;
    text-transform: capitalize;
}

.app-hlp.client-rca .job-portal-container h2 a:hover {
    color: #A40D12;
    margin-bottom: 16px;
}

.app-hlp.client-rca .job-portal-results div.ux-feedback {
    color: #05357B;
}
.app-hlp.client-rca .job-portal-results div.ux-feedback {
    color: #383838;
    font-size: 1.325em;
    padding-bottom: 8px;
    border-bottom: rgba(204, 221,234,0.7) thin solid;
}

.app-hlp.client-rca .job-portal-container .posting-result h4 a {
    color: #05357B;
    margin-bottom: 16px;
}

.app-hlp.client-rca .job-portal-container .posting-result h4 a:hover {
    color: #A40D12;
    margin-bottom: 16px;
}

.app-hlp.client-rca .ui-multiselect-checkboxes label input {
    margin-right: 8px;
}

.app-hlp.client-rca .job-portal-sector a {
    font-size: 0.875em;
    margin: 0px 20px 0px 0px;
    padding: 6px 15px 4px;
    border-radius: 8px;
    letter-spacing: 0.02em;
    margin-bottom: 8px;
    border: 1px solid #05357B;
    color: #05357B;
}

.app-hlp.client-rca .job-portal-sector a:hover {
    background-color: #e7f4ff;
    color: #05357B;
}

.app-hlp.client-rca .job-portal-sector a.selected {
    background-color: #A40D12;
    color: #FFFFFF;
}


.app-hlp.client-rca .job-portal-search {
    border-radius: 8px;
    background: #05357B;
}

.app-hlp.client-rca .job-portal-filter label,
.app-hlp.client-rca .job-portal-sector h3 {
    color: #05357B;
}
.app-hlp.client-rca .job-portal-search input#textinput {
    font-size: 1.125em;
    height: 50px;
}

.app-hlp.client-rca .job-portal-search button {
    font-size: 1.125em;
    letter-spacing: 0.05em;
}
.app-hlp.client-rca .job-portal-search button:hover {
    background-color: #A40D12;
    color: #ffffff;
    border: 1px solid #fff;
}
.app-hlp.client-rca .job-portal-container .posting-result {
    padding: 18px 0;
}
.app-hlp.client-rca .job-portal-container .posting-result-info h2 {
    margin-bottom: 0;
}

.app-hlp.client-rca .job-portal-container .posting-link a, 
.app-hlp.client-rca .job-portal-container .custom-button {
    color: white;
    text-decoration: none;
    display: inline-block;
    border: white 1px solid;
    font-weight: 500;
    padding: 8px 24px 6px;
    border-radius: 100px;
    font-size: 1.125em;
    transition: .2s;

    color: #05357B;
    border: #05357B 1.5px solid;
    background-color: #FFFFFF;    
}

.app-hlp.client-rca .job-portal-container .posting-link a:hover, 
.app-hlp.client-rca .job-portal-container .custom-button:hover {
    color: #FFFFFF;
    border: #05357B 1px solid;
    background-color: #05357B;
}

.app-hlp.client-rca .pagination span {
    min-width: 32px;
    font-size: 1.125em;
}

.app-hlp.client-rca section.pagination-container h4 {
    color: #05357B;
    font-size: 1.125em;
}

.app-hlp.client-rca section.pagination-container .pagination a,
.app-hlp.client-rca section.pagination-container .pagination a:visited {
    color: #05357B;
    font-size: 1.125em;
}

.app-hlp.client-rca section.pagination-container .pagination a:hover {
    color: #A40D12;
}

.app-hlp.client-rca .pagination span.active-page {
    border: 1px solid #46a2da;
    line-height: 1;
    padding: 5px;
}

@media screen and (max-width: 500px) {
    .app-hlp.client-rca .pagination {
        font-size: inherit;
    }
}

@media screen and (max-width: 550px) {
    .app-hlp.app-hlp.client-rca .jobs-page h2 {
        font-size: inherit;
    }
}

@media screen and (max-width: 650px) {
    .app-hlp.app-hlp.client-rca .posting-result h4 span {
        font-size: initial;
    }
    .app-hlp.client-rca .job-portal-container .posting-link a, 
    .app-hlp.client-rca .job-portal-container .custom-button {
        font-size: 1.0em;
    }    
}

/* Fix display of multiselect list on Jobs listings page on page load */
.app-hlp.client-rca .ui-multiselect-menu {
	display: none;
    background-color: #fff;
    background-image: none;
    border: none;
    border-top: 0;
    box-shadow: none;
    position: fixed;
    padding: 0;
    border-radius: 0;
}
.app-hlp.client-rca .jobs-page a.ui-multiselect-close {
    display: none;
}

/*** HCH Jobs Page Form & Filter Overrides ***/

.app-hlp.client-rca.hillcountryhealth .job-portal-filter,
.app-hlp.client-rca.hillcountryhealth .job-portal-sector,
.app-hlp.client-rca.hillcountryhealth #search-form,
.app-hlp.client-rca.hillcountryhealth .job-portal-results a.breadcrumb {
    display: none;
}


/* Single Jobs Page */

.app-hlp.client-rca .job-posting-container {
    background-color: #FFFFFF;
    border: 1px solid #cfcfcf;
    border-radius: 16px;
    padding: 16px 30px 24px;
}
.app-hlp.client-rca .job-posting-container ul {
    margin-left:1.0em;
}
.app-hlp.client-rca .job-posting-container header.job-posting-header {
    margin: 0px 0;
}

.app-hlp.client-rca .job-posting-container .job-posting-header .job-two-col {
    margin-bottom: 0;
}

.app-hlp.client-rca .job-posting-container .job-posting-header a.breadcrumb,
.app-hlp.client-rca .job-posting-container .job-posting-header a.breadcrumb:visited {
    color: #05357B;
}
.app-hlp.client-rca .job-posting-container .job-posting-header a.breadcrumb:hover {
    color: #A40D12;
}
.app-hlp.client-rca .job-posting-container .job-posting-header .job-two-col h3 a,
.app-hlp.client-rca .job-posting-container .job-posting-header .job-two-col h3 a:visited {
    color: #05357B;
}
.app-hlp.client-rca .job-posting-container .job-posting-header .job-two-col h3 a:hover {
    color: #A40D12;
}
.app-hlp.client-rca .job-posting-container #post-body {
    background-color: #FFFFFF;
    padding: 16px 24px 36px;
    border-bottom: #05357B 1px solid;
    border-right: #05357B 1px solid;
    border-left: #05357B 1px solid;
    border-radius: 0 0 8px 8px;
}

/***** MENU STYLES *****/
.app-hlp.client-rca #header-nav-holder #hlp-nav-menu ul.main-menu,
.app-hlp.client-rca #header-nav-holder #hlp-nav-menu ul.main-menu li ul.submenu {
    background-color: #05357B;
}

@media screen and (max-width: 1200px) {
    .app-hlp.client-rca a.custom-button,
    .app-hlp.client-rca a.custom-button-alt {
        font-size: 1.2em;
    }

    .app-hlp.client-rca .page-section {
        padding: 75px 7%;
    }

}

@media screen and (max-width: 1140px) {
    .app-hlp.client-rca #article-1433 .job-column .job-industry-img {
        height: 200px;
    }    
}

@media screen and (max-width: 960px) {
    .app-hlp.client-rca .page-section {
        padding: 75px 30px;
    }
    
    .app-hlp.client-rca .home-hero h1 {
        font-size: 2em;
    }

    .app-hlp.client-rca .welcome-text {
        font-size: 0.6em;
    }

    .app-hlp.client-rca h3.page-section-title {
        font-size: 1.5em;
        letter-spacing: 0px;
    }

    .app-hlp.client-rca p.page-section-introduction {
        font-size: 1.2em;
    }

    .app-hlp.client-rca .chart-group {
        display: block;
    }

    .app-hlp.client-rca .chart-group .chart {
        width: auto;
        margin: 20px auto;
    }

    .app-hlp.client-rca .page-section-columns {
        display: block;
    }

    .app-hlp.client-rca .page-section-columns .column {
        width: auto;
        margin: 30px 0;
    }

    .app-hlp.client-rca .field-newsletter.field-newsletter-firstname {
        float: none;
    }

    .app-hlp.client-rca .field-newsletter.field-newsletter-lastname {
        float: none;
    }

    .app-hlp.client-rca .field-newsletter.field-newsletter-firstname, .app-hlp.client-rca .field-newsletter.field-newsletter-lastname {
        width: auto;
        display: block;
    }

    .app-hlp.client-rca section.pre-footer-content {
        /* display: block; */
        flex-direction: column;
    }

    .app-hlp.client-rca section.pre-footer-content div {
        width: auto;
        margin: 0 auto;
    }

    .app-hlp.client-rca footer {
        padding: 0;
    }

    .app-hlp.client-rca footer img {
        max-width: 100%;
    }

    .app-hlp.client-rca #article-1433 .jobs-home.jobs-columns {
        display: block;
        margin: 50px 10% 20px;
    }

    .app-hlp.client-rca #article-1433 .job-column {
        width: auto;
        margin: 20px 20px 100px;
    }
    .app-hlp.client-rca #article-1433 .job-column .job-industry-img {
        height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .app-hlp.client-rca #hlp-home-page .page-section .chart-canvas {
        display: block;
    }

    .app-hlp.client-rca #hlp-home-page .page-section .chart-canvas > .chart-plot {
        width: 100%;
        margin: 0 auto;
    }
    .app-hlp.client-rca  #app-main #article-1433 .job-column {
        margin: 20px 0px 40px;
    }    
}

@media screen and (max-width: 650px) {
}

@media screen and (max-width: 500px) {
    .app-hlp.client-rca  #app-main #article-1433 .jobs-hero {
        padding: 70px 10px;
    }
    
    .app-hlp.client-rca  #app-main #article-1433 .jobs-hero h3 {
        font-size: 1.3em;
    }

    .app-hlp.client-rca  #app-main #article-1433 .jobs-hero p {
        font-size: 1em;
    }

    .app-hlp.client-rca  #app-main #article-1433 .job-column {
        margin: 20px 0px 40px;
    }

    .app-hlp.client-rca .home-hero {
        min-height: 70vh;
        padding: 30px;
    }

    .app-hlp.client-rca .home-hero p {
        font-size: 1.2em;
        margin: 20px 0;
    }
}


/* Jobs Form Fix Updates v3 */

.app-hlp.client-rca.app-hlp3 .jobs-page .ui-widget, 
.app-hlp.client-rca.app-hlp3 .jobs-page #search-focus {
    height: auto;
    width: 100% !important;
}

.app-hlp.client-rca.app-hlp3 .search-focus, 
.app-hlp.client-rca.app-hlp3 .search-county {
    padding-right: 24px;
}

/* .app-hlp.client-rca.app-hlp3 .jobs-page .ui-widget span.ui-multiselect-open {
    padding-left: 0px !important;
} */

.app-hlp.client-rca .jobs-page .ui-widget span {
    padding-left: 0;
}

@media screen and (max-width: 960px) {
    .app-hlp.client-rca .jobs-page .ui-widget span {
        padding-left: 10px;
    }
}


/* keyword filter layout
--------------------------------------------- */

.app-hlp.client-rca.app-hlp3 .ui-multiselect-checkboxes label {
    cursor: default;
    display: block;
    border: 1px solid transparent;
    padding: 3px 10px;
}

.app-hlp.client-rca.app-hlp3 .ui-multiselect-menu .ui-multiselect-checkboxes li label input {
    display:inline-block;
}
.app-hlp.client-rca.app-hlp3 .ui-multiselect-menu.ui-multiselect-single .ui-multiselect-checkboxes li label input {
    display:none;
    /* background-color: #FFFFFF; */
}

.app-hlp.client-rca.app-hlp3 .ui-multiselect-header ul li {
    float: left;
    margin-right: 8px;
}
.app-hlp.client-rca.app-hlp3 .ui-multiselect-header span.ui-icon {
    float: left;
}
.app-hlp.client-rca.app-hlp3 ul.ui-multiselect-checkboxes {
    background-color: #FFFFFF !important;
}

.app-hlp.client-rca.app-hlp3 ul.ui-multiselect-checkboxes li {
    background-color: #FFFFFF;
    padding: 3px 6px
}

.app-hlp.client-rca.app-hlp3 ul.ui-multiselect-checkboxes li .ui-state-active {
    background-color: #cfcfcf;
    padding: 3px 6px;
    color: #05357B !important;
}

.app-hlp.client-rca.app-hlp3 ul.ui-multiselect-checkboxes li .ui-state-hover {
    background-color: #cfcfcf !important;
    color: #05357B !important;
}

.app-hlp.client-rca.app-hlp3 .ui-multiselect-header.ui-widget-header div, 
.ui-multiselect-header.ui-widget-header ul {
    display: inline-block;
    padding: 4px;
}

.app-hlp.client-rca.app-hlp3  .ui-widget-header {
    border: 1px solid #555555;
    background: #cfcfcf;
}
.app-hlp.client-rca.app-hlp3  .ui-widget-header .ui-state-default {
    color: #404040;
}
.app-hlp.client-rca.app-hlp3  #chart-form button span {
    color: #555555;
    font-weight: normal;
    /*white-space: nowrap;*/
    font-size: 16px;
}
.app-hlp.client-rca.app-hlp3  .ui-multiselect-menu {
    background-color: #fff;
    background-image: none;
    border: 2px solid #999;
    border-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-box-shadow: 0 0 5px #999;
    -webkit-box-shadow: 0 0 5px #999;
    box-shadow: 0px 0px 5px #999;
    position: fixed;
}
.app-hlp.client-rca.app-hlp3  .ui-widget li {
    font-size: 15px;
    font-family: sans-serif;
    color: #999;
    padding: 0;
}
.app-hlp.client-rca.app-hlp3  .ui-multiselect-checkboxes {
    overflow-y: scroll;
}
.app-hlp.client-rca.app-hlp3  .ui-multiselect-checkboxes label {
    cursor: default;
    display: block;
    border: 1px solid transparent;
    padding: 3px 1px;
}
.app-hlp.client-rca.app-hlp3  ul.ui-multiselect-checkboxes {
    background-color: #eaeaea;
}
.app-hlp.client-rca.app-hlp3  ul.ui-multiselect-checkboxes li .ui-state-hover {
    background-image: none;
    background-color: #fff;
    border-radius: 0;
    -moz-borer-radius: 0;
    -webkit-border-radius: 0;
    color: #404040;
}
.app-hlp.client-rca.app-hlp3  ul.ui-multiselect-checkboxes li .ui-state-active {
    background-image: none;
    border-radius: 0;
    -moz-borer-radius: 0;
    -webkit-border-radius: 0;
    color: #404040;
    font-weight: bold;
    background-color: #eaeaea;
}


/*** Featured Jobs ***/

.app-hlp.client-rca.home .page-section {
    padding: 60px 10% 75px;

}

.app-hlp.client-rca #featured-jobs {
    margin-bottom: 64px;
    padding: 0 30px;
}

.app-hlp.client-rca #featured-jobs.banner-top {
    margin-bottom: 32px;
}

.featured-banner-section {
    padding: 60px 30px 0;
}
.app-hlp.client-rca #featured-jobs .featured-jobs-wrapper {
    background: #FAF9F8;
    display:flex;
    flex-direction: row;
    align-items: stretch;
    max-width: 1140px;
    margin: 0 auto;

    border-radius: 12px 12px 12px 12px;
}

.app-hlp.client-rca #featured-jobs.banner-top .featured-jobs-wrapper {
    max-width: 720px;
}

.app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-icon-wrapper {
    background: #05357B;
    border-right: 8px solid #5778A7;
    border-radius: 12px 0px 0px 12px;
    align-items: center;
    display: flex;
}

.app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-icon {
    padding: 24px 30px;
    justify-items: center;
    flex: 1;
}

.app-hlp.client-rca #featured-jobs.banner-top .featured-jobs-wrapper .featured-jobs-icon {
    padding: 12px 18px;
}

.app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-icon img {
    max-width: 80px;
    margin: 0 auto;
    display: block;
}

.app-hlp.client-rca #featured-jobs.banner-top .featured-jobs-wrapper .featured-jobs-icon img {
    max-width: 52px;
}

.app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-text-wrapper {
    padding: 24px 30px;
    display: flex;
    flex: 3;
    justify-items: flex-start;
    flex-direction: row;
    align-items: center;
    gap: 32px;
}

.app-hlp.client-rca #featured-jobs.banner-top .featured-jobs-wrapper .featured-jobs-text-wrapper {
    padding: 12px 18px;
    gap: 24px;
}

.app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-text {
    justify-items: flex-start;
    flex: 3;
}

.app-hlp.client-rca #hlp-home-page  #featured-jobs .featured-jobs-wrapper .featured-jobs-text h2,
.app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-text h2 {
    color: #05357B;
    font-size: 1.785em;
    line-height: 1.125em;
    margin:0;
    padding: 0;
    text-align: left;
}

.app-hlp.client-rca #hlp-home-page  #featured-jobs .featured-jobs-wrapper .featured-jobs-text h3, .app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-text h3 {
    color: #A40D12;
    font-size: 1.525em;
    margin:0 0 4px;
    text-align: left;
    text-transform: uppercase;
}

.app-hlp.client-rca #featured-jobs.banner-top .featured-jobs-wrapper .featured-jobs-text h2 {
    font-size: 1.625em;
}

.app-hlp.client-rca #featured-jobs.banner-top .featured-jobs-wrapper .featured-jobs-text h3 {
    font-size: 1.325em;
    margin:0 0 0px;
}

.app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-text p {
    color: #383838;
    font-size: 1.325em;
    line-height: 1.425em;
    padding: 0;
    margin-top: 8px;
    margin-bottom: 0px;
    text-align: left;
}

.app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-button {
    /* padding: 24px 30px; */
    justify-items: center;    
    flex: 1;
}

.app-hlp.client-rca #featured-jobs.banner-top a.custom-button-alt {
    color: white;
    padding: 6px 18px;
    border-radius: 100px;
    font-size: 1.125em;
    margin: 12px 0;
    background-color: #05357b;
    transition: .2s;
}

@media screen and (max-width: 960px) {
    .app-hlp.client-rca #featured-jobs .featured-jobs-wrapper {
        flex-direction: column;
    }
    .app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-icon-wrapper {
        flex: 1;
        border-right: 0px solid #5778A7;
        border-bottom: 8px solid #5778A7;
        border-radius: 12px 12px 0px 0px;
    }
}

@media screen and (max-width: 768px) {
    .app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-text {
        justify-items: center;
    }    
    .app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-text-wrapper {
        flex-direction: column;
        gap:12px;
    }
	.app-hlp.client-rca #hlp-home-page  #featured-jobs .featured-jobs-wrapper .featured-jobs-text h2,
	.app-hlp.client-rca #hlp-home-page  #featured-jobs .featured-jobs-wrapper .featured-jobs-text h3,
    .app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-text h2,
    .app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-text h3 {
        text-align: center;
    }

    .app-hlp.client-rca #featured-jobs.banner-top .featured-jobs-wrapper .featured-jobs-text-wrapper {
        padding: 12px 18px;
        gap: 4px;
    }
    .app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-text p {
        text-align: center;
    }    
    
}

@media screen and (max-width: 540px) {
    .app-hlp.client-rca #featured-jobs {
        padding: 0 0px;
    }    
    .app-hlp.client-rca #featured-jobs .featured-jobs-wrapper .featured-jobs-text p {
        font-size: 1.0em;
    }
}

/* Jobs Landing Page */

.app-hlp.client-rca #app-main #article-1433 {
	margin: 0px 0 4.33em;
}

.app-hlp.client-rca #app-main #article-1433 .jobs-hero {
    background-image: linear-gradient(180deg, rgba(5,54,123,0.45) 0%, rgba(87,120,167,0.35) 100%), url('/images-cms/triv-hero-image-welder.jpg');
    background-size: cover; 
    background-repeat: no-repeat; 
	background-position: center center; 
	min-height: 225px; 
	display: flex;
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	font-size: 1.2em; 
	color: white; 
	text-shadow: 0 0 10px rgb(0 0 0 / 20%); 
	padding: 70px 50px; 
    text-align: center;
}

.app-hlp.client-rca #app-main #article-1433 .jobs-hero h3 {
	margin: 0; 
	font-size: 1.875em; 
	width: 100%; 
	line-height: 1.2em; 
}
.app-hlp.client-rca #app-main #article-1433 .jobs-hero p {
    margin: 0;
    margin-top: 18px;
    font-size: 1.125em;
    line-height: 30px;
    padding: 0;
}

.app-hlp.client-rca #app-main #article-1433 .jobs-hero a.custom-button-jobs {
    color: white;
    text-decoration: none;
    display: inline-block;
    border: white 1.5px solid;
    letter-spacing: 0.5px;
    font-size: 0.95em;
    font-weight: 600;
    padding: 8px 32px;
    border-radius: 100px;
    margin: 16px 4px 8px;
    background-color: #05357B;
    transition: 0.2s;
}

.app-hlp.client-rca #app-main #article-1433 .jobs-hero a.custom-button-jobs:hover {
    color: #ffffff;
    background-color: rgba(0,0,0,.0);
    border: #ffffff 1.5px solid;
}

.app-hlp.client-rca #app-main #article-1433 .jobs-home.jobs-columns {
    display: flex;
    margin: 50px 10% 20px;
}

.app-hlp.client-rca #app-main #article-1433 .job-column {
    width: 33.3333%;
    flex: 1 1 auto;
    margin: 20px;
    border: rgba(0,0,0,.4) thin solid;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.app-hlp.client-rca #app-main #article-1433 .job-column img {
    width: 100%;
}

.app-hlp.client-rca #app-main #article-1433 .job-column .job-industry-title {
    background-color: #05357B;
    width: 100%;
    border-bottom: #A40D12 6px solid;
}

.app-hlp.client-rca #app-main #article-1433 .job-column .job-industry-img {
    display: block;
    padding: 0;
    height: 300px;
    width: 100%;
    background-position: center;
    background-size: cover;    
}

.app-hlp.client-rca #app-main #article-1433 .job-column p {
    color: #383838;
    line-height: 1.5em;
    font-size: 1.15em;
    margin-top: 0;
}

.app-hlp.client-rca #app-main #article-1433.content.article-page .job-industry-title h2.industry {
    color: #ffffff;
    font-size: 22px;
    margin: 0;
}

.app-hlp.client-rca #app-main #article-1433 .job-column a {
    background-color: white;
    color: #05357B;
    display: block;
    align-items: flex-end;
    padding: 10px;
    font-size: 1.175em;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    align-self: flex-end;
    transition: .2s;
    border-top: rgba(0,0,0,.4) thin solid;
}

.app-hlp.client-rca #app-main #article-1433 .job-column a:after {
    color: #A40D12;
    content: "\2794";
    margin-left: 12px;
    padding-right: 4px;
}

.app-hlp.client-rca #app-main #article-1433 .job-column a:hover::after {
    color: #FFFFFF;
}

.app-hlp.client-rca #app-main #article-1433 .job-column > div {
    padding: 15px;
}

.app-hlp.client-rca #app-main #article-1433 .job-column a:hover {
    color: white;
    background: #05357B;
}

@media screen and (max-width: 1333px) {
    .app-hlp.client-rca #app-main #article-1433 .jobs-home.jobs-columns {
        margin: 50px 45px 20px;
    }
}

@media screen and (max-width: 960px) {

    .app-hlp.client-rca #app-main #article-1433 .jobs-hero {
        padding: 45px 24px; 
    }

    .app-hlp.client-rca #app-main #article-1433 .jobs-hero h3 {
        font-size: 1.475em; 
    }    
    .app-hlp.client-rca #app-main #article-1433 .jobs-home.jobs-columns {
        display: block;
        margin: 50px 0px 20px;
        padding: 0 30px;
    }

    .app-hlp.client-rca #app-main #article-1433 .job-column {
        width: auto;
        max-width: 540px;
        margin: 20px auto 36px;
    }
    .app-hlp.client-rca #app-main #article-1433 .job-column a {
        font-size: 1.0em;
    }
    .app-hlp.client-rca #app-main #article-1433 .job-column .job-industry-img {
        height: 300px;
    }

}

@media screen and (max-width: 540px) {
    .app-hlp.client-rca #app-main #article-1433 .jobs-hero p {
        font-size: 1.0em;
        line-height: 26px;
    }    
    .app-hlp.client-rca #app-main #article-1433 .job-column p {
        font-size: 1.0em;
    }
}

/* Career Lattices Styles Cleanup */

/* Career Lattices Landing Page */

.app-hlp.client-rca #app-main #article-1310.article-page {
    margin: 0px auto 4.33em;
}
.app-hlp.client-rca #app-main #article-1310 .article-content {
    margin: 0 auto;
    max-width: 1133px;
}
.app-hlp.client-rca #app-main #article-1310 a,
.app-hlp.client-rca #app-main #article-1310 a:visited {
    color: #05357B;
}
.app-hlp.client-rca #app-main #article-1310 a:hover {
    color: #A40D12;
}
.app-hlp.client-rca #app-main #article-1310 h1 {
    background-color: #fff;
    color: #153460;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 2.125em;
    text-transform: unset;
    text-align: center;
    padding: 40px 16px 16px;
    line-height: 1em;
    font-weight: 500;
    margin: 0 auto;
}
.app-hlp.client-rca #app-main #article-1310 h2 {
    font-family: 'Roboto', Arial, sans-serif;
    color: #a40d12;
    font-size: 1.875em;
    text-align: center;
    margin: 0 auto;
    font-weight: 500;
    line-height: 1em;
    padding: 0px 16px 18px;
    border-bottom: 6px solid #A40D12;
}
.app-hlp.client-rca #app-main #article-1310.article-page p:first-of-type {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.app-hlp.client-rca #app-main #article-1310 p img {
    max-width: 100%;
    margin: 0px auto 40px;
    padding: 0 0px;
    width: 100%;
    border-bottom: none;
    border-top: none;
    box-shadow:none;
}
.app-hlp.client-rca #app-main #article-1310 p {
    color: #383838;
    line-height: 1.5em;
    font-size: 1.15em;
    margin-top: 0;
    margin-bottom: 32px;    
    padding: 0 16px;
}
.app-hlp.client-rca #app-main #article-1310 .article-content p.hero-paragraph {
    font-weight: 600;
    line-height: 1.625em;
    margin-bottom: 32px;
    padding: 0 16px;
}
.app-hlp.client-rca #app-main #article-1310 .article-content .career-lattice-links {
    border-bottom: none;
    border-top: none;
    border-radius: 0 0 12px 12px;
    background-color: #F8F9F8;
    padding-top: 0;
    margin: 50px 16px;
}
.app-hlp.client-rca #app-main #article-1310 .career-lattice-links h2 {
    background-color: #05357B;
    border-bottom: #A40D12 solid 6px;
    border-radius: 12px 12px 0 0;
    color: #FFFFFF;
    margin-bottom: 24px;
    padding: 16px 16px 12px;
}
.app-hlp.client-rca #app-main #article-1310 .article-content p.callout-paragraph {
    background-color: #F8F9F8;
    margin: 32px 16px;
    max-width: 890px;
    font-family: georgia;
    font-style: italic;
    line-height: 1.625em;
    border-left: 8px solid #05357B;
    border-radius: 0 12px 12px 0;    
}

@media screen and (max-width: 960px) {
    .app-hlp.client-rca #app-main #article-1310.article-page p:first-of-type {
        padding: 0;
    }
    .app-hlp.client-rca #app-main #article-1310 .article-content p {
        padding: 0 30px;
    }
    .app-hlp.client-rca #app-main #article-1310 .article-content p.hero-paragraph {
        padding: 0 30px;
    }
    .app-hlp.client-rca #app-main #article-1310 .article-content .career-lattice-links {
        margin: 16px 30px 45px;
    }
    .app-hlp.client-rca #app-main #article-1310 .article-content p.callout-paragraph {
        margin: 32px 60px;
    }    
}

@media screen and (max-width: 540px) {

    .app-hlp.client-rca #app-main #article-1310.article-page p:first-of-type {
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
        display: block;
        height: 320px;
        width: 100%;

        background-image: url(../images-hlp/clat-rca-website-composite-hero.jpg);
        background-repeat: no-repeat;
    }
    .app-hlp.client-rca #app-main #article-1310 p img {
        display: none !important;
    }    
    .app-hlp.client-rca #app-main #article-1310 h1 {
        font-size: 1.825em;
    }
    .app-hlp.client-rca #app-main #article-1310 h2 {
        font-size: 1.25em;
    }
    .app-hlp.client-rca #app-main #article-1310 .article-content p {
        font-size: 1.0em;
    }
    .app-hlp.client-rca #app-main #article-1310.article-page .article-content p:first-of-type {
        padding: 0 30px;
        display: unset;
        height: unset;
        width: unset;        
        background-image: unset;
        display: block;
    }    
    .app-hlp.client-rca #app-main #article-1310.article-page .article-content .hero-paragraph {
        font-size: 1.125em;
        padding: 0 30px;
        margin: 30px 0;
    }
    .app-hlp.client-rca #app-main #article-1310 .article-content p.callout-paragraph {
        margin: 32px 30px;
        padding: 30px;
    }    
    
}


/* CLAT section style ovverides */

/*** Typography ***/
.app-hlp.client-rca .clat {
    font-family: 'Barlow Semi Condensed', Helvetica, Arial, sans-serif;
    font-size: 16px;
}

/*** Breadcrumbs ***/
.app-hlp.client-rca .clat section.breadcrumbs {
    margin-top: 0;
    background-color: #f3f4f4;
    border-bottom: #D9D9D9 thin solid;
    
}
.app-hlp.client-rca .clat a.breadcrumb.breadcrumb-ancestor {
    font-weight: normal;
}
.app-hlp.client-rca .clat a.breadcrumb.breadcrumb-ancestor:after {
    content: '>';
    margin: 0px 4px 0 6px;
    color: #636466;
    font-weight: normal;
    font-size: .7em;
    position: relative;
    top: -2px;
}
.app-hlp.client-rca .clat .breadcrumb {
    font-size: 1em;
    font-family:'Roboto', sans-serif;
    text-decoration: none;
}
.app-hlp.client-rca .clat section.breadcrumbs {
    margin-top: 0;
}
.app-hlp.client-rca .clat .occupation-root-box {
    transition: 0.3s;
}
.app-hlp.client-rca .clat .occupation-root-box a {
	text-decoration: none;
	color: #383838;
}
.app-hlp.client-rca .clat .occroot-title h1 {
    font-size: 1.925em;
    text-align: center;
    font-weight: 700;
}
.app-hlp.client-rca .clat .occupation-root-box:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 15px -10px rgb(0 0 0 / 20%);
}
.app-hlp.client-rca .clat .occrow.dark-row {
    background-color: #F8F9F8;
}
.app-hlp.client-rca .clat .lattice-tier-header h2  {
    margin-bottom: 12px;
}

/*** Career lattice rows with triangle ***/
.app-hlp.client-rca .clat .occrow .div-triangle {
    border-top: solid 30px #FFFFFF;
}
.app-hlp.client-rca .clat .occrow.dark-row .div-triangle {
    border-top: solid 30px #F8F9F8;
}

@media screen and (max-width: 960px) {
    .app-hlp.client-rca .clat .lattice-tier-group {
        overflow-y: scroll !important;
        justify-content: flex-start  !important;
        margin: 0px 0 !important;
        padding: 20px 30px !important;
        border-bottom: rgba(0,0,0,.1) thin solid !important;
        border-right: none !important;
        border-left: none !important;
        border-top: none !important;
        scroll-snap-type: x mandatory !important;
    }
    .app-hlp.client-rca .clat .occrow {
        padding: 60px 5%;
    }
    .app-hlp.client-rca .clat .cdprow-narrative .separator-hash,
    .app-hlp.client-rca .clat .career-profile-footer  .separator-hash {
        display: none;
    }
    .app-hlp.client-rca .clat .cdprow-narrative h3,
    .app-hlp.client-rca .clat section.career-profile-footer h3 {
        color: #153460;
        border-bottom: #153460 thin solid;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .app-hlp.client-rca .clat .career-profile-oo-chart {
        display: block;
        text-align: center;
        margin-bottom: 60px;
    }
    .app-hlp.client-rca .clat .career-profile-oo-chart-narrative h4 {
        font-size: 24px;
        border-bottom: none;
        padding-bottom: 0;
        margin: 20px 0px 0px;
        text-align: center;
    }
    .app-hlp.client-rca .clat .career-profile-container .career-profile-oo-charts p {
        text-align: center;
    }
    .app-hlp.client-rca .clat .career-profile-container p {
        margin:0;
    }
    .app-hlp.client-rca .clat .career-profile-oo-chart-snapshot {
        max-width: 360px;
        transform: initial;
        display: inline-block;
        min-width: 0;
    }
    .app-hlp.client-rca .clat .career-profile-oo-title h2 {
        text-align: center;
        font-size: 24px;
        margin: 5px 0px;
    }
    .app-hlp.client-rca .clat .career-profile-oo-chart-snapshot-value {
        text-align: center;
    }
    .app-hlp.client-rca .clat .career-profile-oo-title h4,
    .app-hlp.client-rca .clat .career-profile-oo-title h3 {
        font-size: 20px;
    }
    .app-hlp.client-rca .clat section.career-profile-target-occupation.container-padding p {
        padding: 10px;
    }
    .app-hlp.client-rca .clat section.career-profile-about h1 {
        font-size: 28px;
    }
    .app-hlp.client-rca .clat section.career-profile-about h4 {
        font-size: 20px;
    }
    .app-hlp.client-rca .clat .occroot-stats.career-profile-stats .tooltip svg,
    .app-hlp.client-rca .clat .occroot-stats.career-profile-stats .tooltip i {
        display: none;
    }
    .app-hlp.client-rca .clat .tooltip span::after {
        display: none;
    }
    .app-hlp.client-rca .clat .tooltip span {
        visibility: visible;
        width: auto;
        background-color: transparent;
        color: #8e8e8e;
        padding: 0;
        position: relative;
        z-index: 9999;
        bottom: 0;
        left: 0;
        margin-left: 0;
        opacity: 1;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 30px;
        display: block;
        font-style: oblique;
    }
    .app-hlp.client-rca .clat .target-career .target-career-message .tooltip,
    .app-hlp.client-rca .clat .tooltip {
        display: none;
    }
    .app-hlp.client-rca .clat .career-profile-container .target-career .target-career-message .tooltip,
    .app-hlp.client-rca .clat .career-profile-container .tooltip {
        display: block;
    }
    .app-hlp.client-rca .clat .career-card {
        border: #153460 1px solid;
        margin: 0 10px;
        min-width: 0;
        width: calc(50vw);
        flex: 1 0 auto;
        scroll-snap-align: center;
    }
    .app-hlp.client-rca .clat .career-card h3 {
        font-size: 18px;
    }    
    .app-hlp.client-rca .clat .occrow.career-slider {
        padding: 60px 0;
        margin: 0;
    }
    .app-hlp.client-rca .clat a.career-card:last-of-type:after {
        content: "";
        width: 25vw;
        height: 1px;
        position: absolute;
        left: 100%;
        top: 0px;
    }
    .app-hlp.client-rca .clat a.career-card:last-of-type:before {
        content: "";
        width: 17vw;
        height: 1px;
        position: absolute;
        right: 100%;
        top: 0px;
    }
 
    .app-hlp.client-rca .clat .overlay-fade {
            display: block;
            position: absolute;
            background: linear-gradient(90deg, #ffffff00, white);
            width: 120px;
            z-index: 1;
            top: 95px;
            bottom: 61px;
            right: 0;
        }    

    .app-hlp.client-rca .clat .occrow.dark-row .overlay-fade {
        /* background: linear-gradient(90deg, #ffffff00 0%, #f8f9f8 80%); */
        display: none;
    }
    .app-hlp.client-rca .clat .overlay-fade {
        /* background: linear-gradient(90deg, #ffffff00, white 80%); */
        display: none;
    }
    .app-hlp.client-rca .clat .lattice-tier-group {
        background: linear-gradient(45deg, #F8F9F8, transparent);
        overflow-y: hidden !important;
    } 
}

@media screen and (max-width: 600px) {
    .app-hlp.client-rca .clat .occrow {
        padding: 45px 5%;
    }
    .app-hlp.client-rca .clat .occupation-root-box:hover {
        transform: scale(1.00);
        box-shadow: none;
    }
    .app-hlp.client-rca .clat .occroot-title h1 {
        font-size: 1.925em;
    }
    .app-hlp.client-rca .clat .lattice-tier-header h2 {
        font-size: 1.475em;
    }
    .app-hlp.client-rca .clat .career-card h3 {
        font-size: 15px;
    }        
}

/* CLAT Career Profile page styles overrides */

.app-hlp.client-rca .clat .career-profile-occupational-outlook.container-padding {
    padding: 64px 32px;
    max-width: 100%;
}

.app-hlp.client-rca .clat section.career-profile-about h1 {
    font-size: 2.175em;
}
.app-hlp.client-rca .clat section.career-profile-details h2 {
    padding: 0 0 8px;
}

.app-hlp.client-rca .clat .career-profile-oo-charts {
    border-radius: 16px;
}
.app-hlp.client-rca .clat .career-profile-oo-charts {
    margin: 0 auto;
    max-width: 960px;
}

.app-hlp.client-rca .clat .career-profile-oo-title h2 {
    padding: 0 16px;
}

.app-hlp.client-rca .clat .career-profile-oo-chart-narrative h4 {
    padding-bottom: 16px;
}

.app-hlp.client-rca .clat .career-profile-oo-chart-snapshot-icon svg, 
.app-hlp.client-rca .clat .career-profile-oo-chart-snapshot-icon i {
    font-size: 3.5em;
}

.app-hlp.client-rca .clat .career-profile-oo-chart-snapshot-value {
    font-size: 1.825em;
}

.app-hlp.client-rca .clat .career-profile-oo-chart-narrative {
    margin-left: 40px;
}

.app-hlp.client-rca .clat p.career-profile-job-tagline {
    border-bottom: thin solid #D9D9D9;
}

.app-hlp.client-rca .clat .career-profile-video-link h2 {
    border-top: thin solid #D9D9D9 !important;
    border-bottom: thin solid #D9D9D9;
    text-align: center;
}
.app-hlp.client-rca .clat .career-profile-video-link h2 a {
    clear: both;
    display: block !important;
    width: 164px !important;
    text-align: center;
    margin: 12px auto !important;    
    transition: 0.3s;

}
.app-hlp.client-rca .clat .career-profile-video-link h2 a:hover {
    background-color: #A40D12 !important;
}

.app-hlp.client-rca .clat section.career-profile-occupational-outlook {
    border-bottom: none;
}

.app-hlp.client-rca .clat .dark-row .cdprow-narrative {
    margin-left: 0;
}

@media screen and (max-width: 960px) {
    .app-hlp.client-rca  .clat .career-profile-oo-chart {
        margin: 50px 0;
    }
}

@media screen and (max-width: 600px) {
    .app-hlp.client-rca .clat .plot-type-LIST {
        margin: 0;
    }
    .app-hlp.client-rca .clat .career-profile-oo-chart-narrative {
        margin-left: 0px;
    }
    .app-hlp.client-rca .clat .chart-text-list {
        margin-top: 0;
    }
}


/* Career Lattices Styles Cleanup */

.app-hlp.client-rca #app-main #article-426.article-page {
    margin: 0px auto 4.33em;
    max-width: 1040px;
}

.app-hlp.client-rca #app-main #article-426 .article-content {
    margin: 0 auto;
    max-width: 1133px;
}
.app-hlp.client-rca #app-main #article-426 a,
.app-hlp.client-rca #app-main #article-426 a:visited {
    color: #05357B;
}
.app-hlp.client-rca #app-main #article-426 a:hover {
    color: #A40D12;
}
.app-hlp.client-rca #app-main #article-426 h2 {
    background-color: #05357B;
    border-radius: 20px 16px 0 0; 
    border-bottom: 8px solid #A40D12;
    color: #FFFFFF;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 2.125em;
    text-transform: unset;
    text-align: center;
    padding: 22px 16px 16px;
    line-height: 1em;
    font-weight: 500;
    margin: 48px auto 0;
}

.app-hlp.client-rca #app-main #article-426.article-page p:first-of-type {
    background-color: #F8F9F8;
    border-radius: 0 0 16px 16px;
    font-size: 1.215em;
    line-height: 1.5em;
    padding: 16px 32px;
    margin-top: 0;
    margin-left: 0px;
    margin-bottom: 32px;
}

.app-hlp.client-rca #app-main #article-426.article-page p {
    margin-left: 32px;
    font-size: 1.175em;
    line-height: 1.475em;
}
.app-hlp.client-rca #app-main #article-426.article-page p a {
    text-decoration: underline;
}


@media screen and (max-width: 960px) {

    .app-hlp.client-rca #app-main #article-426 h2 {
        margin: 48px auto 0;
        margin-left: 16px;
        margin-right: 16px;

    }

    .app-hlp.client-rca #app-main #article-426.article-page p:first-of-type {
        background-color: #F8F9F8;
        font-size: 1.215em;
        line-height: 1.5em;
        padding: 16px 32px;
        margin-top: 0;
        margin-left: 16px;
        margin-right: 16px;
        margin-bottom: 32px;
    }

    .app-hlp.client-rca #app-main #article-426 .article-content p {
        padding: 0 30px;
        margin-left: 48px;
    }

    .app-hlp.client-rca #app-main #article-426.article-page p {
        margin-left: 48px;
        padding-right: 24px;
    }
    

}

@media screen and (max-width: 540px) {


    .app-hlp.client-rca #app-main #article-426 h2 {
        font-size: 1.925em;
    }

    .app-hlp.client-rca #app-main #article-426.article-page p {
        font-size: 1.0em;
        line-height: 1.475em;
        padding-right: 16px;
    }
    
}