@charset "utf-8";
/*
    WV GOV global CSS.
*/
/* Global Attributes*/
a, a:link, a:active, a:hover, a:focus, a:visited, a, .ms-WPBody a, .ms-WPBody a:active, .ms-WPBody a:hover, .ms-WPBody a:focus, .ms-WPBody a:visited, .ms-WPBody a:link {
    color: #0d9bd3;
}

body {
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    overflow-x: hidden;
    margin: 0;
}

html body form#aspnetForm div#top.fullsite div.greybkg div.container table tbody tr td#MSOZoneCell_WebPartWPQ2.s4-wpcell-plain table.s4-wpTopTable tbody tr td div#WebPartWPQ2.ms-WPBody div#cbqwp.cbq-layout-main div,
html body form#aspnetForm div#top.fullsite div.greybkg div.container table tbody tr td#MSOZoneCell_WebPartWPQ2.s4-wpcell-plain table.s4-wpTopTable tbody tr td div#WebPartWPQ2.ms-WPBody div#cbqwp.cbq-layout-main div div font div div div div div div div div div div div div div div font div div div div div div div div div div font div div div div div div div div div div div div div div div div div div div div font div div div font div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div div font div div div div div div div div div div div font div div div div div font div div div font {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}



.hidehc {
    display: inline;
}

.sarmobile img, img.sarmobile {
    float: right;
    padding-left: 15px;
}


.hidenormal {
    display: none;
}

.obscure {
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.container-fluid {
    padding: 0px;
}

.nopad {
    padding: 0px;
}


/*End Global Attributes*/

/*Image Definitions
    These images may be updated from time to time, hosted on azure.
*/

.navbar-light .navbar-toggler .navbar-toggler-icon {
    background-image: url(https://devwvgovcdn.blob.core.windows.net/content/images/wvgovcss/mobilemenu.png);
}

.footer {
    background-image: url(https://devwvgovcdn.blob.core.windows.net/content/images/wvgovcss/footerbkg.jpg);
}

#bg {
    background: url(https://devwvgovcdn.blob.core.windows.net/content/images/wvgovcss/homebkg.jpg) no-repeat center center fixed;
}

#bglayout {
    background: url(https://devwvgovcdn.blob.core.windows.net/content/images/wvgovcss/homebkg.jpg) no-repeat center center fixed;
}

.modal-body ul {
    list-style-image: url(https://devwvgovcdn.blob.core.windows.net/content/images/wvgovcss/bullet.png);
}

ul.homebullet {
    list-style-image: url(https://devwvgovcdn.blob.core.windows.net/content/images/wvgovcss/bullet.png);
}
.wvgovLogo {
    content: url("https://devwvgovcdn.blob.core.windows.net/content/images/wvgovcss/wvgovlogo.png");
    height:50px;
}
/*End Image Definitions*/
/*Navigation and footer css*/
.navigation {
    background: rgba(1, 92, 182, 0.75);
    width: 100%;
    padding-top: 2px;
}

.container {
    padding: 2%;
}

.navigation .navbar img {
    width: 100px;
    height: auto;
}

.navbar {
    padding: 5px;
}

.topNavBarList {
    padding: 0px 10px;
    word-wrap: normal;
    display: inline-block;
    padding-top: 12px;
}

    .topNavBarList a {
        padding: 5px;
        float: none;
    }

.bottomNavBarList a {
    color: white;
}

.alertBefore {
    display: none;
}

.topNavBar a:hover {
    color: white;
}

.bottomNavBarList a:hover {
    color: white;
}

.topNavBarList {
    margin-top: 7px;
}
/*Footer*/
.footer {
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 20px;
    left: 0;
    bottom: 0;
    width: 100%;
    background-size: cover;
}

.footerInfo {
    padding-left: 5%;
    padding-right: 5%;
    text-align: center;
    color: white!important;
}

#ctl00_PortalFooterWebPart1 #entFooter p a {color:white!important;}
.navbar-nav {
    width: 100%;
    float: right;
}

.nav-item {
    display: inline;
    float: left;
    text-align: center;
    font-size: 1.2em;
    width: 20%;
}

    .nav-item a {
        display: block;
    }

.navbar-brand {
    margin-right: 50px;
    padding: 0px 0px 0px 1em;
}


.navbar-toggler {
    border: 0px none;
}

.appName {
    color: white;
}

.topNavBar {
    overflow: hidden;
    top: 55px; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    background: #3c80c3;
    background-color: #3c80c3;
    color: white;
}

    .topNavBar a {
        margin-top: 5px;
        color: white;
    }

.footer {
    margin-top: 50px;
    display: inline-grid;
}

.footerItem {
    color: white;
}

/* End Footer/Nav Css */
/*BG(optional component) */
#bg {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */
    animation: myfirst 5s;
}

#bglayout {
    width: 100%;
    height: 400px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*End BG*/

/*Navigation Accessibility*/
.skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    .skip a:focus {
        position: static;
        width: auto;
        height: auto;
    }
/*Enterprise Header*/

.directories {
    text-align: right;
}

/*Button Styles*/
.btn-primary, a.btn-primary, .btn-primary a {background-color: #0054a6 !important;  color: white !important;}
.btn, a.btn, .btn a {
    border-radius: 0;
    border: 0px none;
    text-align: center;
    white-space: normal;
    cursor: pointer;
}

    a.btn.govbtn {
        color: white;
        width: 100%;
    }

        a.btn.govbtn:hover, a.btn.govbtn:active, a.btn.govbtn:focus {
            color: white;
        }

    .btn.nobtnbkg a:hover, .btn.nobtnbkg a:active, .btn.nobtnbkg a:focus, .btn.nobtnbkg:active, .btn.nobtnbkg:focus, .btn.nobtnbkg:hover {
        background-color: #0054a6;
    }




.grow:hover, .grow:active, .grow:focus, a.grow:hover, a.grow:focus, a.grow:active, .grow a:hover, .grow a:focus, .grow a:active, a.grow img:hover, a.grow img:active, a.grow img:focus {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}



.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(100%,0)scale(1);
    transform: translate(100%,0)scale(1);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%;
}

    .modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
        overflow-y: auto;
        overflow-x: hidden;
    }

.modal-dialog-slideout .modal-content {
    border: 0;
}

.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {
    height: 69px;
    display: block;
}

    .modal-dialog-slideout .modal-header h5 {
        float: left;
    }

.close {
    position: absolute;
    top: 10px;
    right: 10px;
}

#settingsModal.modal.fade.show {
    padding-right: 0px;
}

.modal-header {
    border-bottom: 0px;
}

.modal-dialog-slideout .modal-content {
    border: 5px solid #71bcda;
}

.showwhite {
    display: none;
}

.showdark {
    display: inline;
}

.fontsize {
    padding-bottom: 20px;
}

.gov2modallogo img, img.gov2modallogo {
    width: 100%;
    height: auto;
}

.modal-body ul {
    padding-left: 20px;
}

.modal-body li {
    padding: 10px 0px 10px 0px;
}

.modal-body p {
    padding: 10px 0px 10px 0px;
}
/*Links*/



.whitelink, a.whitelink, .whitelink a {
    color: white;
}

    a.whitelink:hover, .whitelink a:hover, a.whitelink:active, .whitelink a:active,, a.whitelink:focus, .whitelink a:focus {
        color: white;
    }

.blacklink a, a.blacklink:hover, .blacklink a:hover, a.blacklink:active, .blacklink a:active,, a.blacklink:focus, .blacklink a:focus, .blacklink, a.blacklink {
    color: black;
}


li.nav-item a.nav-link.whitelink:hover, li.nav-item a.nav-link.whitelink:active, li.nav-item a.nav-link.whitelink:focus {
    color: white;
    border-top: 5px solid #f5af2d;
}

li.nav-item a.nav-link.whitelink {
    color: white;
    padding: 65px;
    border-top: 5px solid transparent;
    padding: 1em 15px 1em 0px;
    width: 100%;
}

@media screen and (max-width: 900px) {
    .navbar-nav mr-auto:first-child {
        margin-left: -35px;
    }

    li.nav-item a.nav-link.whitelink {
        margin-right: 35px;
    }
}

/*Headings*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.ms-rteElement-H1,
.ms-rteElement-H2,
.ms-rteElement-H3,
.ms-rteElement-H4, .ms-WPBody h1, .ms-WPBody h2, .ms-WPBody h3, .ms-WPBody h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 1.1;
    color: black;
    font-style: normal;
}

h1, .ms-WPBody h1,
.h1,
.ms-rteElement-H1 {
    font-size: 2.1em;
}

    h1.subh1 {
        text-align: center;
        padding: 25px 0px 25px 0px;
    }

h2, .ms-WPBody h2,
.h2,
.ms-rteElement-H2 {
    font-size: 1.8em;
}

h3,
.h3, .ms-WPBody h3,
.ms-rteElement-H3 {
    font-size: 1.5em;
}

h4,
.h4, .ms-WPBody h4,
.ms-rteElement-H4 {
    font-size: 1.2em;
}

.modal-body h3 {
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 15px;
}

/* Scrolling Tabs */
.wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px;
    height: 70px;
}

.bigbtn a.btn.grow svg {
    color: #2a7ed0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bigbtn a.btn {
    font-size: 1.6em;
    line-height: 1.2em;
    vertical-align: middle;
    width: 400px;
}

.bigbtn .btn {
    padding: 15px;
    min-height: 280px;
    display: table-cell;
}

.bigbtn {
    text-align: center;
}

.subfloat a.agencylink {
    text-align: center;
}

.agencyp {
    text-align: center;
    padding-top: 0px;
}

.agencylink {
    font-size: 1.3em;
}

.subbox {
    border-right: 1px solid #cccccc;
    padding-right: 40px;
    min-height: 280px;
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: middle;
}

.bigbtn p a.btn span.smtext {
    font-size: .6em;
}

.homebullet li {
    padding: 7px 0px 7px 0px
}

ul.homebullet {
    padding-left: 20px;
}

.hometabcontent .tab-pane p {
    padding: 10px 0px 10px 0px;
}

.tabmargin {
    padding-top: 20px;
    padding-bottom: 20px;
}

.list {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 3000px;
    margin-left: 12px;
    margin-top: 0px;
}

.tab-content {
    /*height:490px;*/ background-color: #e7ebf1;
    padding: 10px 0px 10px 0px;
    box-shadow: 0px -2px 8px #d7d7d7;
    border-bottom: 5px solid #f4ad2c;
    width: 100%;
}

.list li a {
    display: table-cell;
    position: relative;
    text-align: center;
    cursor: grab;
    cursor: -webkit-grab;
    color: #efefef;
    width: 335px;
    vertical-align: middle;
    background-color: #f4ad2c;
    color: black;
    padding: 20px;
    line-height: 1.1em;
    cursor: pointer;
}

.nav-tabs.list li {
    margin: 0px 5px 0px 5px;
}

.list li a {
    color: black;
}

.nav-tabs.list li a.active, .nav > li > a:active, .list li:active {
    background-color: #e7ebf1;
    color: black;
}

.nav > li > a:focus, .nav > li > a:hover, .list li:focus, .list li:hover {
    background-color: #555555;
    color: white;
}

.btnpadding {
    padding-left: 80px;
}

.scroller {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 7px;
    padding-top: 11px;
    white-space: no-wrap;
    vertical-align: middle;
    background-color: transparent;
}

.scroller-right {
    float: right;
}

.scroller-left {
    float: left;
}

.bluearrow {
    color: #0054a6;
}

    .bluearrow:hover, .bluearrow:active, .bluearrow:focus {
        color: #01407e;
    }

.featured {
    padding-top: 40px;
}

/*Mobile Nav Bar View*/
@media screen and (max-width: 767px) {

    input {
        width:100%;
    }


    .topNavBar {
        display: none;
    }

    .navbar-nav {
        margin-top: 0;
    }

    .sarmobile img, img.sarmobile {
        float: none;
        padding-left: 0px;
        width: 100%;
        height: auto;
        max-width: 200px;
        display: block;
        text-align: center;
        margin: 0px auto;
    }
    /*Navigation Settings*/
    .navbar-brand img {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-item {
        width: 100%;
        font-size: 1.2em;
        border-bottom: 1px solid #0054a6;
    }

    .navbar-collapse, .navbar-collapse.show {
        position: absolute;
        bottom: 0;
        top: 89px;
        padding-bottom: 15px;
        width: 100%;
    }

        .navbar-collapse.collapsing {
            height: auto;
            -webkit-transition: left 0.3s ease;
            -o-transition: left 0.3s ease;
            -moz-transition: left 0.3s ease;
            transition: left 0.3s ease;
            left: -100%;
        }

    .navbar-collapse {
        left: 0;
        -webkit-transition: left 0.3s ease-in;
        -o-transition: left 0.3s ease-in;
        -moz-transition: left 0.3s ease-in;
        transition: left 0.3s ease-in;
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-nav {
        background-color: white;
        z-index: 9900;
        position: relative;
    }

    li.nav-item a.nav-link.whitelink {
        color: #0054a6;
    }

        li.nav-item a.nav-link.whitelink:hover, li.nav-item a.nav-link.whitelink:active, li.nav-item a.nav-link.whitelink:focus {
            color: #0054a6;
        }

    .nav-item {
        padding-left: 0px;
        padding-right: 0px;
    }
    /*Button Styles*/
    a.btn.blacksq {
        font-size: 1.4em;
    }

    .insidetxt {
        padding-left: 5px;
        display: inline;
    }

    a.btn.blacksq .fa-2x {
        font-size: 1.2em;
    }

    a.bluesq img {
        margin-top: 0px;
    }

    .insideblkbtn {
        top: 33%;
    }

    .btncol4 {
        margin-bottom: 20px;
    }

    a.btn.govbtn {
        min-height: 140px;
    }
    /* Scrolling Tabs */
    .list li a {
        width: 430px;
    }

    /*Display footer in a larger view if mobile*/
    .footer {
        background-size: cover;
    }
    /*      Sub Page Styling     */
    /*Columns*/
    .subfloat {
        width: 100%;
        float: none;
    }

    /*Modal Settings*/
    #settingsModal.modal.fade.show, #settingsModal {
        z-index: 9999;
    }
}