@charset "utf-8";
/* CSS Document */

/*html{height:100%;}*/

body {
    color: #121212;
    /*min-height: 100vh;
    position: relative;
    margin: 0;*/
}


.contentheight {
    min-height: 75vh;
}


.border-blue {
    border-width: 4px !important;    
    border-bottom: solid;
    border-bottom-color: #184c80;
}
.border-forheader {
    border-width: 2px !important;
    border-bottom: solid;
    border-bottom-color: #00539C;
    /*border-top: solid;
    border-top-color: #00539C;*/
    padding-bottom: 4px;
    padding-top: 4px;
    
}

.border-forheader-berry {
    border-width: 2px !important;
    border-bottom: solid;
    border-bottom-color: #80184c;
    border-top: solid;
    border-top-color: #80184c;
    padding-bottom: 4px;
    padding-top: 4px;
}

.border-forheader-yellow {
    border-width: 2px !important;
    border-bottom: solid;
    border-bottom-color: #f58a2c;
    /*border-top: solid;
    border-top-color: #80184c;*/
    padding-bottom: 4px;
    padding-top: 4px;
}

.border-submenu {border-bottom:solid;   /*wp conflict*/
                border-bottom-color:#CCC;
                border-top:solid;
                border-top-color:#CCC;
}

/*=============Background Color============================================*/

.graybackground {
   background-color: #edeff2;
}




/*----------------------------------------------
  Navigation
 ---------------------------------------------*/
.navigation-wrapper {
    background-color: #184C80;
}

/*.border-nav-separator {
    border-right: 1px solid #FFF;
}*/

@media (max-width: 768px) {

    .border-nav-separator {
        border-right: none;
    }
}



/*====================Footer===========================================*/

.footer{color:#FFF;
        background-color:#1b5691;
       /*bottom:0;                  
        position:absolute; 
        width:100%;*/
        
}



.footer h6 {
        font-weight: 600;
        font-size: 14px;
        color: #FFF;
    }

    .footer a {
        
        font-size: 14px;
        color: #FFF;
        text-decoration: none;
    }


    .footer a:hover {
        font-size: 14px;
        color: #FFF;
        text-decoration: underline;
    }

/*----------------------------------------------
  Page headers
 ---------------------------------------------*/
.page-title{
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
  margin-bottom: 70px;
  color:#0454A4;

}
.page-title h2{
  font-weight: 600;
  color: #242526;
  font-size:40px;
}

/*===============BANNER TEXT===========================*/






.bannerheader {
    /*color: #F7A720;*/
    color: #03467B;
    background-color: #FFF;
    /*background-color: #03467B;*/
}


.bannerheader2 {
    color: #FFF;    
    font-size:32px;
   
}

.bannerheader-blue {
    color: #184C80;
    font-size: 17px;
    font-weight:700;
}


.agencyname-blue {
    color: #184C80;
    font-size: 17px;
    font-weight: 700;
    padding-bottom:4px;
}

.agencyname-border {
    border-top: 1px solid;
    border-top-color: #184C80;
    border-bottom: 1px solid;
    border-bottom-color: #184C80;
}


@media (max-width: 1024px) {

    .agencyname-blue {
        font-size: 16px;
        font-weight: 700;
    }
}



@media (max-width: 768px) {

    .agencyname-blue {       
        font-size: 14px;
        font-weight: 700;
    }
}


@media (max-width: 576px) {
    .agencyname-blue {
        font-size: 12px;
        font-weight: 700;
    }
}


/*----------------------------------------------
  Section headers
 ---------------------------------------------*/

h1 {
    /*color: #0059b2;*/
    /*color: #660066;*/
    color: #000;
    margin-bottom: 40px;
    border-width: 2px !important;
    border-bottom: solid;
    border-bottom-color: #1e60a1;
    /*border-top: solid;
    border-top-color: #00539C;*/
    padding-bottom: 4px;
    padding-top: 4px;
}



h2 {
    color: #123A63;
    margin-bottom:40px;
}

    h2:after {
        /*background: none repeat scroll 0 0 #184C80;*/ /*#00539C;*/
        background: none repeat scroll 0 0 #c97a3d; /*#FFBF00*/
        content: "";
        display: block;
        height: 5px;
        position: relative;
        width: 100px;
        margin-bottom: 15px;
        margin-left: 10px;
    }


.section-title {
    width: 100%;
    display: block;
    /*text-align: center;*/
    /*position: relative;*/
    margin-bottom: 30px;
    margin-top: 30px;
    /*color: #000;
    font-weight: 400;
    font-size: 40px;*/
}
    .section-title h2 {
        font-weight: 600;
        /*color: #242526;*/ 
        color: #000;
        font-size: 2em;
    }


    .section-title h2::after {
        background: none repeat scroll 0 0 #00539C;
        bottom: -10px;
        content: "";
        display: block;
        height: 5px;
        position: relative;
        width: 100px;
    }

.sectionheader h2 {
    color: #184C80;
}

.sectionheader h3 {
    color: #000;
}


/*.pagesubheader {
    position: relative;
    line-height: 1.2em;
    font-weight: 600;
    color: #00539C;
}

.pagesubheader:before {
    position: absolute;
    left: 0;
    top:1.2em;
    height:0;
    width:50px;
    content:'';
    border-top: 5px solid #D69C2F;
}*/


/*.pagesubheader h1, h2, h3 {
    color: #850000;
}*/

.pagesubheader {
    color: #000;
}


.pagesubheader:after {
    background: none repeat scroll 0 0 #00539C;
    bottom: -10px;
    content: "";
    display: block;
    height: 10px;
    position: relative;
    width: 100px;
}





.header-background-color {
    background-color: #efefef;
    padding: 5px;
}

.bracketstyleleft {
    color: #f58a2c;
    padding-right: 6px;
    font-weight: 700;
}

.bracketstyleright {
    color: #f58a2c;
    padding-left: 6px;
    font-weight: 700;
}




/*=======================Boxes==============================*/
.boxheaders-blue {
    color: #FFF;
    padding: 5px 10px 5px 10px;
    /*background-color: #2169b2;*/
    background-color: #1e60a1;
    font-weight: 600;
}



.boxheaders-gray {
    color: #000;
    padding: 5px 10px 5px 10px;
    /*background-color: #2169b2;*/
    background-color: #edeff2;
    font-weight: 500;
}


.boxheaders-purple {
    color: #FFF;
    padding: 5px 10px 5px 10px;
    background-color: #80184c; /*#660066*/
    font-weight: 600;
}


/*======================Image Boxes (HB) Pages=======================================*/

.contentcardbgimagetextwrapperlarge {
    padding-top: 100px;
    color: #FFF;
}

.contentcardbgimagetextwrappersmall {
    padding-top: 25px;
    color: #FFF;
}

.contentcardbgimagetextwrapperlarge h4 {
    color: #FFF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.contentcardbgimagetextwrappersmall h4 {
    color: #FFF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bluetransbox {
    background: rgba(24,76,128,0.6);
    position:absolute;
    bottom:0;
}

    .bluetransbox h4 {
        color: #FFF;
        padding:10px;
    }

.orangetransbox {
    background: rgba(245,138,44,0.6);
    position: absolute;
    bottom: 0;
}

    .orangetransbox h4 {
        color: #123a63;
        padding: 5px;
    }



.darkbluetransbox {
    background: rgba(18,58,99,0.7);
    position: absolute;
    bottom: 0;
    width:90%;
}

    .darkbluetransbox h5 {
        color: #FFF;
        padding:8px;
    }

    .darkbluetransbox h6 {
        color: #FFF;
        padding: 4px;
    }

    .darkbluetransbox h6 a {
        color: #FFF;
        padding: 4px;
    }


/*===================Padding and Spacing=============================================*/

.iconleftpad{padding-left:3px;}

.iconrightpad{padding-right:3px;}

.smalllineheight ul{line-height:15px;} /*for list items*/

.section-padding {
    padding: 120px 0;
}

.section-padding-40 {
    padding: 60px 0;
}

.section-padding-top {
    padding-top: 120px;
}

.section-padding-bottom {
    padding-bottom: 120px;
}

.section-padding-80-55 {
    padding: 80px 0 55px;
}

.section-padding-80 {
    padding: 80px 0;
}

.section-padding-60 {
    padding: 60px 0;
}

.padding-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-padding-top-60 {
    padding-top: 60px;
}

.section-padding-bottom-60 {
    padding-bottom: 60px;
}

.section-padding-top-40 {
    padding-top: 40px;
}

.section-padding-bottom-40 {
    padding-bottom: 40px;
}


.section-padding-top-30 {
    padding-top: 30px;
}

.section-padding-bottom-30 {
    padding-bottom: 30px;
}

.section-margin-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}


.section-margin-40 {
    margin-top:40px;
    margin-bottom:40px;
}

.section-margin-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.section-margin-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.section-margin-top-40 {
    margin-top: 40px;
   
}

.section-margin-top-30 {
    margin-top: 30px;
}

.section-margin-top-50 {
    margin-top: 50px;
}

.section-margin-top-60 {
    margin-top: 60px;
}



.section-margin-bottom-40 {
    margin-bottom: 40px;
}

.section-margin-bottom-30 {
    margin-bottom: 30px;
}

.section-margin-bottom-50 {
    margin-bottom: 50px;
}

.section-margin-bottom-60 {
    margin-bottom: 60px;
}





/*===================Background Images=============================================*/


.bg-image-1 {
    /* background-image: url(images/bg/1.jpg);*/
    /*background-image: url("http://localhost:22586/images/default-source/default-album/adobestock_84478039.jpg");*/
    background-image: url("http://web1.dhrm.virginia.gov/ITECH/DHRMWebAssets/sfimages/adobestock_84478039.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.imageheight{min-height:600px;} /*this didn't work*/

.imageheader{padding-top:100px; /*This didn't work*/
  padding-bottom:100px;
margin-top:50px;}

/*===================End Background Images=============================================*/



/*==============================Menus===================================================*/


.sidemenu {
    margin-top: 15px;
    background-color: #f8f9fa;
}

    .sidemenu h4 {
        background-color: #1e60a1;
        color: #FFF;
        font-size: 16px;
        font-weight: 500;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 10px;
    }

    .sidemenu p {
        line-height: 12px;
        border-width: 1px;
        border-bottom: solid;
        border-bottom-color: #f2f4f7;
        /*border-bottom-color: #660066;*/
        padding-bottom: 4px;
        padding-top: 4px;
        padding-left: 10px;
    }



    /*=====================EDR================================*/



.edrmenu {margin-top:15px;
          background-color:#ccc;
}

    .edrmenu h4 {
        background-color: #660066;
        color: #FFF;
        font-size: 16px;
        font-weight: 500;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 10px;
    }

    .edrmenu p {
        line-height: 12px;
        border-width: 2px !important;
        border-bottom: solid;
        border-bottom-color: #660066;       
        padding-bottom: 4px;
        padding-top: 4px;
    }

    .edrmenu p:after {
        background: none repeat scroll 0 0 #660066;
        bottom: -10px;
        content: "";
        display: block;
        height: 2px;
        position: relative;
        width: 100px;
    }


    /*=========================Employee Resources=========================*/

.employeeresourcesubheader {
    color: #184c80;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid;
}





/*=========================Benefits Administration====================================*/

.batopicheader {
    color: #184c80;
    padding-bottom: 10px;
    padding-top: 10px;
}




/*==================Benefits============================*/

.benefitsandsalarycard h4{
    color: #184C80;}

.benefitsandsalaryaccordionheader {color:#184C80;}

.accordionboxsize {min-height:300px;}


/*=========================Comp and Class=======================================*/
.comptopicheader {
    color: #184c80;
    padding-bottom: 10px;
    padding-top: 10px;
}




/*====================Talent Acquistion==============================*/

.talentacquisitionsubheaders {
    color: #184c80;
    padding-bottom: 10px;
    padding-top: 10px;
}


/*=========================HR===============================================*/

 .hrboxheader {
    font-size: 28px;
    padding: 15px;
    color: white;
    font-family: 'Permian Slab', serif;
    letter-spacing: -2px;
    background: url("main/img/gradient-bottom.png") repeat-x left top;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}



/* ================ card sections ================ */

/*#section-news {
    background: #F8F8F8;
    color: #666;
}*/



/*.single-news {
    position: relative;
    background: #fff;
    border-bottom: 4px solid #EB5F0C;
}*/

/*.secondary {
    height: 480px;
    bottom: 0px;
}*/

/*.news-head {
    overflow: hidden;
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
    vertical-align: middle;

}*/

/*.news-heading {
    margin-top: 0;
    margin-bottom: 0;
}*/

/*.news-body {
    text-align: left;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 20px;
}*/

/*.news-image {
    background-color: #fff;
    text-align: center;
}*/

/*.news-image img {
    max-height: 220px;
    min-width: 350px;
    overflow: hidden;
}*/

/*.single-news h3 {
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: super;
    font-weight: normal;
    color: #000060;
}*/

/*.single-news {
    font-weight: 300;
    color: #212121;
}*/


/*.container.news {
    padding-top: 30px;
    padding-bottom: 60px;
}*/



/*__________icons__________________________*/




.fa-angle-right {
    /*color: #c9863d;*/
    color: #C9863D;
}

.fa-angle-double-right {
    /*color: #c05411;*/
    color: #c96f3d;
    padding-right: .3em;
}

.fa-arrow-alt-circle-right {
    /*color: #660066;*/
    color: #c96f3d;
    margin-right: .3em;
}




/*=====================Box Shadows=======================================*/

.boxshadow {
    background: #F7F7F7;
    box-shadow: 2px 5px 10px rgba(150,150,150,0.6);
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
   /*margin-bottom: 30px;*/
}




/*___________________________Content Cards___________________________________________*/


#section-contentcard {
    background: #F8F8F8;
    color: #666;
}

.container.contentcard {
    padding-top: 30px;
    padding-bottom: 60px;
}

.single-contentcard {
    position: relative;
    background: #fff;
    border-bottom: 2px solid #C9863D;
    /* border-bottom: 4px solid #f58a2c;*/
    /*border-bottom: 4px solid #EB5F0C;*/
}

.single-contentcard h4{
     margin-top: 0;
    margin-bottom: 0;
    vertical-align: super;
    font-weight: normal;
    color: #000;
}


.contentcardsecondary {
    height: 480px;
    bottom: 0px;
}


.height-contentcard {
    height: 280px;
    bottom: 0px;
}


.height-contentcardsmall {
    height: 250px;
    bottom: 0px;
}


.height-contentcardxsmall {
    height: 165px;
    bottom: 0px;
}


.height-contentcardxxsmall {
    height: 125px;
    bottom: 0px;
}

.contentcard-head {
    overflow: hidden;
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
    vertical-align: middle;

}

.contentcard-heading {
    margin-top: 0;
    margin-bottom: 0;
}

.contentcard-body {
    text-align: left;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 20px;
}

.contentcard-image {
    background-color: #fff;
    text-align: center;
}

.contentcard-image img {
    /*max-height: 220px;
    min-width: 350px;*/
    overflow: hidden;
}

.contentcard-content h3 {
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: super;
    font-weight: normal;
    color: #000060;
}


/*.single-news*/
.contentcard-content {
    font-weight: 300;
    color: #212121;
}

/*----------------------------------------------
  3 Buttons section style
---------------------------------------------*/

.lead {
    font-weight: 300;
}

.btn-style {
    border-radius: 0px;
    /*margin-right: 10px;*/
}

.btn-animate {
    animation: bounceInDown 1s both 1s;
}

.btn-style {
    color: #fff;
    font-size: 13px;
    padding: 5px 5px;
    text-transform: uppercase;
    font-weight: 600;
}


/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #055DB6;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border: none;
}

    .hvr-shutter-out-vertical:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #333333;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-color: #333333;
    }

    .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
        color: white;
        background: #055DB6;
    }

        .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }

.buttonwrapper {        
    position: absolute;
    bottom: 0;   
    left:42%;
}


/***************************************************
 17. Accordions 
****************************************************/



.accordioncolor {
    color: #FFF;
    background-color: #00539C;
}


.accordionheader {
    color: #FFF;
    padding: 7px 10px 7px 10px;
    background-color: #1e60a1;
    /*background-color: #1F64A1;*/
    font-weight: 500;
    font-size: 18px;
}


.accordion-s1 .panel + .panel, .accordion-s2 .panel + .panel {
  margin-top: 10px;
}

.accordion-s1 .panel, .accordion-s2 .panel {
  border-radius: 0;
  border-color: #f1efef;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.accordion-s1 .panel-heading, .accordion-s2 .panel-heading {
  background-color: #f8f8f8;
  padding: 0;
}

.accordion-s1 .panel-heading a, .accordion-s2 .panel-heading a {
  background-color: #055DB6;
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding: 10px 25px;
  position: relative;
}
.panel-group {
    margin-bottom: 30px;
}
.accordion-s1 .panel-heading a:after, .accordion-s2 .panel-heading a:after {
  font-family: "FontAwesome";
  content: "\f102";
  background-color: #222;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  text-align: center;
  border: 1px solid #222;
  position: absolute;
  right: 25px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.accordion-s1 .panel-heading .collapsed, .accordion-s2 .panel-heading .collapsed {
  background-color: #f8f8f8;
  color: #051429;
}

.accordion-s1 .panel-heading .collapsed:after, .accordion-s2 .panel-heading .collapsed:after {
  background-color: #e6e6e6;
  content: "\f103";
  border: 1px solid #e6e6e6;
}

.accordion-s1 .panel-default > .panel-heading + .panel-collapse > .panel-body, .accordion-s2 .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-color: #f1efef;
}

.accordion-s1 .panel-body, .accordion-s2 .panel-body {
  padding: 25px;
}

.accordion-s1 .panel-body > p:last-child, .accordion-s2 .panel-body > p:last-child {
  margin-bottom: 0;
}

.accordion-s2 .panel-heading a {
  background-color: #051429;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  padding: 15px 25px;
}




/***************************************************
 Policy borders
****************************************************/

.policyborder{margin-left: .25rem;
margin-right: .25rem}

.policyrelatedinfospacing{margin-left:3rem;}

.policyheader {
    font-weight: 700;
    font-size: 22px;
    color:#000;
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}

.policyalphaindex {
    font-weight: 700;
    font-size: 22px;
    color: #000;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-right:10px;
  
}

.policyalphaindex a {
    font-weight: 700;
    font-size: 22px;
    color: #000;
    text-decoration:underline;   
   
}

 .policyalphaindex a:hover {
        font-weight: 700;
        font-size: 22px;
        color: #184C80;
        text-decoration: underline;
    }



/*======================Hiring People With Disabilities====================*/

.hmap{color:red;
      font-weight:700;
      font-size:22px;
}


/*======================Sitefinity Overrides=========================================================*/
.sf-event-title a {font-size:20px;
               color:#184C80;
}

/*.list-unstyled h3 {
    font-size: 20px;
    color: #184C80;
}*/

.newsheader h3 a {
    font-size: 20px;
    color: #000;
}

/*.sf-breadscrumb {
   
    background-color: #184C80 !important;
}*/

/*===================================Employee Resources=================================*/

.eap-background{background-color:#184C80;
                color:#FFF;
}

/*============================Procurement========================================*/
.rfp a {
    font-weight: 400;
    padding-left: 4px;
    padding-right: 4px;
}