
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');


body {
font-family: 'Roboto', sans-serif;
 }

nav, footer li a:not(br + a) {
 font-family: 'Montserrat', sans-serif; 
}

/*Full Width Band-Aid*/

.page-header.container {
    max-width: 1300px;
    background: initial !important;
    padding-bottom: 0px !important;
    margin: 0px auto !important;
}

.container {
    width: 100%;
    max-width: 100%;
}

.row {
    max-width: 1200px;
    margin: 0px auto;
}

.container-fluid .row {
    max-width: 100%;
}

#main > .container {
    margin: 1em auto;
    padding: 2em 1em;
}

#main > .container:nth-of-type(odd) {
    background: #f3f8FA;
}

#main > .container:last-child {
    margin: 1em auto 0;
}

p {
    color: #4d4d4d;
}


h1, .h1 {
    font-size: 3rem;
    font-weight: 300;
}

h2, .h2 {
    font-size: 2.5rem;
    color: #507e73;
      font-weight: 300;
  margin-bottom: 1em;
}

h3, .h3 {
    color: #075a81;
}

nav .nav-item a {
    color: #173055;
}

#navbarNav li.nav-item {
    padding: 0.5em 1.5em;
    font-size: 1.15em;
}


.navbar-nav {
    list-style: none;
}

.nav-item {
    position: relative;
}

.navbar-nav ul, footer li .multilevel-linkul-0 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index:99;
}

footer li .multilevel-linkul-0 {
   position: unset;
   box-shadow: 0;
  
}


.nav-item.active > ul {
    display: block;
}

.nav-item ul li {
    padding: 10px;
}

.nav-item ul li:hover, .nav-item:hover {
    background-color: #f0f0f0;
}

/*.nav-item:hover .multilevel-linkul-0 {
    display: block;
    list-style: none;
    padding: 0.25em;
    width: max-content;
    z-index: 9999;
}*/

div#homeintro {
    margin-bottom: 2em;
    border-bottom: 1px solid #efefef;
}

div#homeintro img {
    margin: 0px auto;
    display: block;
    max-width: 20em;
    padding-top: 2em;
    margin-bottom: 1em;
}

div#homeintro h1 {
    text-align: center;
    font-size: 3em;
    font-weight: 500;
    color: #173054;
    max-width: 800px;
    margin: 0px auto;
}

div#homeintro span {
    display: block;
    text-align: center;
    margin: 0.5em 0 1em;
    font-size: 1.75em;
    font-weight: 100;
    color: #436f65;
}


.page-header.container h1 {
    border-bottom: 2px solid #dedede;
    color: #075a81;
    margin: 0.75em 0em 1.5em;
    font-weight: 500;
}

section#IntroHeader {
    background: url(https://odga.es.virginia.gov/media/governorvirginiagov/chief-data-officer/images/Screen-Shot-2022-06-22-at-2.20.14-AM.png) no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    height: 50vh;
}

a.btn.btn-primary {
    color: #212121;
    background: #ecb020;
    font-weight: 500;
    border: #ecb020;
    padding: 1em 1.5em;
}


ul.sibling-links li {
    margin-bottom: 1em;
    display: table;
}

ul.sibling-links {
    list-style: none;
    padding: 0px;
    margin-top: 1.25em;
}

ul.sibling-links a {
    color: #075a81;
    font-size: 1.25em;
    text-decoration: none;
    font-weight: 500;
}

ul.sibling-links a:hover {
    color: #173055;
}


/*Nav Tabs*/


.nav-tabs {
    border-bottom: 1px solid #075A82;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #075A82;
    font-weight: 600;
}


.nav-tabs .nav-link.active {
border-color: #075A82 #075A82 #fff;
}

.nav-tabs .nav-link {
    background: #075A82;
    color: #fff;
  	margin: 0 1px;
}

/* Cards */

.card-footer {
    border: 0px;
    background: none;
    padding-bottom: 1em;
}

.no-border{
  
 border:0; 
}

.container.event-padding .card > img {
    padding: 1em;
}

.card-icon-small-center {
    max-width: 8em;
    margin: 0 auto;
    padding: 0.5em;
}


/*Accordions */
.accordion {
    
 --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 --bs-accordion-btn-color: #fff;  
 --bs-accordion-btn-bg: #075a81;  
    }



/* Footer */

footer {
    border-top: 1px solid #e9e9e9;
    margin-top: 0em;
    padding: 1em;
}
  
footer a {
  color:#173055; 
}


footer .navbar-nav > li.nav-item {
    margin:0 1.25em;
}

footer ul {
	list-style:none;
    padding:0px;
}
  
footer li a {
	list-style:none;
    text-decoration:none;
}
























































