/** ~~ BEGIN dir-homepage.css ~~ **/

a { text-decoration:none; }

.breadcrumb { display:none; }

.hp-profiles .profile-banner {
    position:relative;
    width:230px;
    margin: 0 1px 30px auto;
}

/* =========================================== */
/* == BEGIN /ssi/header-primary-banner.html == */
/* =========================================== */

.header-primary-banner {
    background: url(/images/backgrounds/a-back-light-1.jpg) 0 0 #42609f no-repeat;
    background:#4d6eb4;
    color:#fff;
    box-shadow: 0 -10px 10px -10px rgb(47 43 43 / 70%) inset;
    margin-top:15px;
}

.header-primary-banner .iconblock {
    margin-left:0;
    margin-right:0;
    position:relative;
    padding-left:40px;
}

.header-primary-banner .m-b-lg { margin-bottom:2rem !important; }

.header-primary-banner .iconblock .text-center {
    text-align: left !important;
    margin-right: auto;
    margin-left: auto;
    max-width: 429px;
}

    a.icon-holder-new {
        display:inline-block;
        margin:0 0 0 0;
        border-radius: 70px 70px 0 0;
        cursor:pointer;
        padding: 0 2px 0 2px;
        border-bottom:none;
    
    }
    a.icon-holder-new > div {
        display:inline-block;
        position:relative;
        background:#fff;
        width:42px;
        height:42px;
        border-radius:100px;
        cursor:pointer;
    }
    
    .header-primary-banner .icon-holder-new span[class^="ca-gov-icon-"]  {
        position:absolute;
        left:8px;
        top:0px;
        font-size:26px;
        color: #23447a;
    
    }
    .header-primary-banner .icon-holder-new span.ca-gov-icon-medical-cross {
        top:2px;
        left:8px;
    }
    .header-primary-banner .icon-holder-new span.ca-gov-icon-currency {
        left:7px;
        top:1px;
    }
    
    a.icon-holder-new .linktext {
        display:inline-block;
        text-align:left;
        width:380px;
        color:#fff;
        line-height:1.25;
        margin-left:55px;
        margin-top:8px;
    }
    
    a.icon-holder-new:hover { border:none; }
    
    a.icon-holder-new:hover > div { background:#c0d3ff;}
    
    a.icon-holder-new:hover .linktext { text-decoration:underline; }
    
.FC {
    display: flex;
    justify-content: space-around;
}

    /* ******************** */
    /*    MEDIA QUERIES     */
    /* ******************** */

@media (min-width: 510px) {
    .hide-for-larger {display:none; }
}

@media (min-width: 768px) {
    .header-primary-banner { height:245px; }

    .header-primary-banner .col-md-4 {
        width: 20%;
        height:110px;
    }
    .header-primary-banner {
        box-shadow: 0 -10px 10px -10px rgb(47 43 43 / 70%) inset;
    }
    .header-primary-banner .iconblock {
        margin-left:auto;
        margin-right:auto;
    }

    .header-primary-banner .iconblock { padding-left:20px; }
    .header-primary-banner .iconblock .text-center {
        text-align:center;
        max-width:none;

    }

    /* ** icon-holder-new ** */
    a.icon-holder-new {
            display:inline-block;
            margin:30px 0 0 0;
            border-radius: 70px 70px 0 0;
            cursor:pointer;
            padding: 0 2px 7px 2px;

        }
        a.icon-holder-new > div {
            display:inline-block;
            position:relative;
            background:#e5ebf9;
            width:110px;
            height:110px;
            border-radius:100px;
        }
        .header-primary-banner .icon-holder-new span[class^="ca-gov-icon-"] {
            position:absolute;
            left:28px;
            top:15px;
            font-size:50px;
        }
        .header-primary-banner .icon-holder-new span.ca-gov-icon-medical-cross {
            left:30px;
            top:17px;
        }

        a.icon-holder-new .linktext {
            display:block;
            left:5px;
            bottom:-37px;
            text-align:center;
            width:135px;
            line-height:1.25;
            margin-left:-15px;
            margin-top:120px;
        }
        a.icon-holder-new .linktext.two-line { bottom:-57px; left:8px; }
        a.icon-holder-new .linktext.three-line { bottom:-79px; left:4px; width:140px; }

        a.icon-holder-new:hover > div {
            background:#c0d3ff;
            background:#fff2bc;
        }
}

@media (min-width:1050px) {
    .header-primary-banner .iconblock {
        max-width:1200px;
    }
}
@media(min-width: 1320px) {
    .header-primary-banner .iconblock { padding-left:0px; }
}
@media (max-width:767px) {
    .header-primary-banner {
        padding-top: 15px;
        padding-bottom: 0px;
    }
}

/* == END /ssi/header-primary-banner.html == */


/* =================================== */
/* == BEGIN Workers-Employers-About == */
/* =================================== */

.row.w-e-a .no_bullets.no_indent { padding-left:0; }

.row.w-e-a li {
    padding-left:15px;
    margin-bottom:10px;
}

h2.about-link {
    font-size:30px;
    margin:12px 0 20px 20px;
}

.hp-side-banner.img-responsive {
    width:100%;
    max-width:375px;
    margin:0 0 0 20px;
}

/* == END Workers-Employers-About == */


/* ============================================== */
/* == BEGIN Icon Bar (gray background section) == */
/* ============================================== */

.iconic-list ul > li { padding:8px 0 15px 0; }

.iconic-list a { font-size:105%; }

.iconic-list span[class^="ca-gov-icon-"] {
    display:inline-block;
    width:10px;
    font-size:30px;
    line-height:0;
    margin-right:12px;
    color:#994734;
    position:relative;
    top:6px;
}
li.fi {
    text-indent: -18px;
    padding-left: 41px !important;
}
.iconic-list li.heat-illness {
    padding-left:44px;
    background:url(/images/icons/icon_thermometer_heat.png) 2px -1px no-repeat transparent;
}
.iconic-list li.outreach {
    padding-left:44px;
    background:url(/images/icons/homepage/icon-outreach-brown.png) 6px 10px no-repeat transparent;
}

/* == END Icon Bar (gray background section) == */


/* ===================== */
/* == BEGIN Jobs Link == */
/* ===================== */

.dirjobs-link {
    max-width:240px;
    border-bottom:none;
    display:block;
    border-bottom:none;
    margin:50px 0 0 65px;
}
.dirjobs-link:hover { border-bottom:none; }

.dirjobs-text {
    display:block;
    font-size:32px;
    line-height:1.0;
    text-align:center;
}
.dirjobs-link:hover .dirjobs-text { text-decoration:underline; }

/* == END Jobs Link == */


/* ==================== */
/* == BEGIN Carousel == */
/* ==================== */

.carousel-caption.pb-5 {
    bottom:0;
    padding-bottom:0 !important;
    padding-top:0 !important;
    left:0;
    right:auto;
    height:75px;
}
.carousel-caption.pb-5 a {
    width:100%;
    background:transparent;
    margin:0;
    width:174px;
    height:75px;
    border:none;
    box-shadow:none;
}
.carousel-item img.d-block {
    height:75px;
    width:169px;
    margin-left:4px;
}
.carousel-control-prev {
    background:transparent;
    color:#297bb3;
    left:-30px;
    border-radius: 3px;
    margin-top:10px;
    margin-bottom:10px;
}
.carousel-control-next {
    background:transparent;
    color:#297bb3;
    right:-30px;
    opacity:.75 !important;
    border-radius: 3px;
    margin-top:10px;
    margin-bottom:10px;
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color:#2c2c58;
}
.minibanners .half {
    text-align:center;
    margin-top:40px;
}
/* == END Carousel == */



/* ******************** */
/*    MEDIA QUERIES     */
/* ******************** */

@media (min-width:768px) {
    .hp-side-banner.img-responsive { margin:0 0 0 0; }
    .minibanners .half { text-align:center; }
}

@media (min-width:992px) {
    .row.w-e-a li { padding-left:0; }
}

@media (min-width:1280px) {
    .hp-side-banner.img-responsive { max-width:340px; }
}

@media (max-width:410px) {
    .hp-side-banner.img-responsive { margin-left:0; }
}

@media (max-width:991px) {
    .quarter.hp-profiles, .three-quarters.wn { width:100%; }

    .hp-profiles .profile-banner {
        width:auto;
        max-width:400px;
        margin:0 0 25px 20px;
    }
    h2.dir-leadership {
        text-align:left;
        margin-top:38px;
        margin-left:20px;
    }
}

/** ~~ END dir-homepage.css ~~ **/