/* Step 1: Common Properties: All required to make icons render reliably */
  .icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }


body {
    background-color: #fff;
}

a {
  color: #173055;
}

header.bmd-layout-header {
    border-bottom: 0px;
}


i.fa-chevron-down.menu-closed {
    margin-left: 5px;
}


#mainContent {
    padding: initial;
    margin: 0px;
}


#mainContent section {
    position: relative;
    z-index: 2;
    background: #fff;
    padding-bottom: 10em;
}

#mainContent>.row>.col-md-8 {
    /*padding-left: 140px;*/
}

#mainContent>.row>.col-lg-8 section:first-child .clip {
    top: -18.4em;
}


.bmd-layout-header {
    transform: initial;
}

#mainContent section#\39 32045 {
    background: #075a82 !important; 
    color: #fff;
}


#mainContent section#\39 32045 .clip {
      background: #075a82 !important; 
}


section#\39 32045 h2 {
    color: #fff !important;
}


#dw-s1 .list-group-item a {
    font-size: 1.45em;
}


.navbar-toggler.fixednavbutton {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
}

@media (max-width:1068px) {

  .navbar-brand img {
    padding: 0px;
    max-width: 250px;
    padding-right: 1em;
}
  
}

.secondary-menu .list-group-item a {
    font-size: 14px;
}


.list-group-item {
    padding: 1.25em;
}


#mainContent section:nth-child(even) {
    position: relative;
    background: #075a820a !important;
    /* transform: rotate(-8deg) translate(-10%, 0em); */
    width: 100%;
    margin: 6em 0em;
    padding: 0em 0em 10em 0em;
}

section:nth-child(even)>.section-inner {
    /*transform: rotate(8deg);*/
}

.section-inner {
    max-width: 1100px;
    margin: 0em auto;
    padding: 5em 3em;
}

.masterhead {
    /* transform: rotate(-8deg) translate(-2%, -9em); */
background: #145a84;
    color: #fff;
    padding: 1em 0em;
    width: 100%;
    clip-path: polygon(0 0%,100% 0%,100% 50%,0 100%);
    margin-bottom: 4.5em;
}

#mainContent .masterhead h1 {
    color: #fff;
    font-size: 3.5em;
    font-weight: 600;
    /* transform: rotate(8deg); */
    margin: 1em 1em 1em;
    border: initial;
    font-family: inherit;
    margin-bottom: 2em;
}


#mainContent h2 {
    font-size: 2.25rem;
    line-height: 2.75rem;
    color: #145a84;
    padding: 0 0 0.25em;
    margin: 1.5rem 0 2rem 0;
    font-weight: 400;
    border-bottom: 1px solid #145a8414;
}

#mainContent h2 {
    margin: 0em 0em 1em;
  font-size: 2.25em;
    color: #60988c;
  font-weight: 600;
}

#mainContent section:nth-child(even) h2 {
    color: #145a84;
}


.img-fluid-container img {
    width: 100% !important;
}

.secondary-menu .navbar {
display:none;
}

.secondary-menu .navbar .navbar-brand {
    display: none;
}


.secondary-menu .navbar-nav {
  display: none;
}

.secondary-menu .list-group {
    flex-direction: row;
    padding:0px;
}

.list-group-item :first-child {
    margin-right: 0rem;
}

.secondary-menu .list-group-item {
   display:block;
  
}

.secondary-menu .list-group-item i {
    margin-left: 0.35em;
}

.secondary-menu i.fa-chevron-down {
    font-size: 13px;
}

.secondary-menu .list-group-item a {
    font-size: 13px;
}


@media (min-width:992px) {
.secondary-menu .navbar {
    display: flex;
}
}


.secondary-menu ul.multilevel-linkul-0 {
    list-style: none;
    display: none;
}

.secondary-menu .list-group-item:hover ul.multilevel-linkul-0 {
    display: block;
    height: auto;
    padding: 0em;
    position: absolute;
    background: #f7f7f7;
    z-index: 90000000000;
    border-top: 3px solid #075a82;
    margin-top: 1.25em;
}

.secondary-menu .nav-item a {
    color: #353535;
    display: inline-block;
}

@media(min-width:992px) {
  
.navbar-toggler {
    display: none;
}

}

.service-item {
    background: blue;
    margin: 1em;
}



.secondary-menu ul.multilevel-linkul-0 li {
    padding: 0.75em 1.5em;
}


footer .container-fluid {
    /*transform: rotate(8deg);*/
    width: 90%;
}

footer#footerContainer {
    background: rgb(23,48,85);
    padding: 5em 0em;
    /*transform: rotate(-8deg) translateY(7em) translateX(-4%);*/
    width: 100%;
    border: 0px;
}

div#footer-cutter {
    overflow: hidden;
}


.service-list a {
    display: inline-block;
    background: #60988c;
    color: #fff;
    margin: 1em;
    padding: 1em;
    border-radius: 5px;
}

.intro-content h1 {
    border-bottom: 1px solid #ecb01e;
    display: table;
    margin: 0 auto;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


.masterhead .service-list {
    /*transform: rotate(2deg);*/
    margin: 0em 2em 2em 6em;
    max-width: 50%;
}

#mainContent .masterhead > * {
    /*transform: rotate(2deg);*/
}

#mainContent .masterhead .service-list a {
    color: #fff;
    text-decoration: none;
    font-size: 0.85em;
}

.masterhead p:before {
    content: "";
    height: 30px;
    width: 50px;
    background: url('/media/governorvirginiagov/chief-data-officer/images/sectionselect_icon_white-01.svg') no-repeat;
    display: inline-block;
    position: relative;
    margin-right: 0px;
    top: 9px;
}



.navbar-toggler.sectselect.fixednavbutton {
    top: 70px;
    font-size: 0.85em;
    padding: 1em;
    max-width: 90px;
}

.navbar-toggler.sectselect.fixednavbutton p {
    margin-bottom: 0px;
}


.navbar-toggler.sectselect.fixednavbutton a {
    color: #145a84;
}



footer li {
    list-style: none;
}


.masterhead.masterhead-home .service-list {
    /*transform: rotate(0deg);*/
    margin: 0em 2em 2em 6em;
    max-width: 100%;
    display: table;
    margin: 0px auto;
}



.masterhead.masterhead-home {
    transform: initial;
    position: relative;
    right: 5%;
    margin: -2.75em 0 -3em;
}


#mainContent .masterhead-home.masterhead > * {
    /*transform: rotate(0deg);*/
    font-size: 1.25em;
}

.navbar-brand img {
    padding: 0px;
    max-width: 250px;
    padding-right: 1em;
}

.navbar {
    padding:4px 0px;
}

.secondary-menu .list-group-item a {
    font-size: 15px;
}



.inner {
    border: 1px solid lightgray;
    padding: 10px;
    border-radius: 0px;
    min-height: 100%;
    position: relative;
    padding: 2em 2em 3.25em;
    background: #fff;
    color: #222222;
    display: block;
}

.inner a.btn.btn-primary {
    position: absolute;
    bottom: 10px;
    transform: initial;
    width: 80%;
    left: 0px;
    left: 50%;
    transform: translateX(-50%);
}

#mainContent .inner h4 {
    text-align: center;
    font-weight: 100;
    font-size: 1.5em;
    margin-bottom: 2em;
}

#mainContent .inner {
    margin: auto 1em;
}


#mainContent .inner h4::before {
    font: var(--fa-font-solid);
    display: block;
    font-size: 2em;
    margin-bottom: 10px;
    color: #60988b;
}

#mainContent .dt-agree h4::before {
      content: '\f4c6';
}

#mainContent .dt-agree-amend h4::before {
      content: '\f56c';
}

#mainContent .dt-user-agree h4::before {
      content: '\f007';
}

#mainContent .dt-user-amend h4::before {
      content: '\e591';
}

#mainContent .dt-nda h4::before {
      content: '\e4f0';
}

#mainContent .dt-review h4::before {
      content: '\f1c0';
}


.cards .col-lg-4 {
    padding: 1em;
}


#mainContent section#\39 30935 {
    background: #61998d !important;
}


#mainContent section#\39 30935 .clip {
    background: #61998d !important;
}

#mainContent section#\39 30935 .sectionBg, #mainContent section#\39 32045 .sectionBg {
    background: url('/media/governorvirginiagov/chief-data-officer/images/network_particles-white.svg');
    background-size: cover;
}


section#\39 30935 .section-inner h2, section#\39 32045 h3 {

color: #fff;
  
}


section#\39 30935 .inner-module {
    background: #fff;
    margin: 1em;
    padding: 5px 20px;
    border-radius: 5px;
}


section.bg-blue .clip, #mainContent section:nth-child(even).bg-blue  {
   background: #075a82 !important;
}

section.bg-blue .clip, #mainContent section:nth-child(even).bg-blue  {
    background: url('/media/governorvirginiagov/chief-data-officer/images/network_particles-white.svg');
    background-size: cover;
}


section.bg-green .clip {
    background: #61998d;
}

.clip {
    background: #fff;
    width: 100%;
    height: 40rem;
    position: absolute;
    top: -20rem;
    z-index: -5;
    clip-path: polygon(0 35%,100% 20%,100% 100%,0 100%);
}


#mainContent section:nth-child(even).bg-blue {
    background: #075a82 !important;
}


#mainContent section:nth-child(even) .clip {
    background: #f5f9fa;
}

 


.jumbotron.jumbotron-fluid.homepage-jumbo {
 
  height:106vh;
  
}




#mainContent section:nth-child(even) .sectionBg {
    background:url('/media/governorvirginiagov/chief-data-officer/images/network_particles-green.svg');
    position: relative;
    right: -20em;
    transform: rotate(165deg);
    top: 5em;
    width: 100%;
    opacity: 0.5;
    background-size:cover;
}

#mainContent section:nth-child(even).bg-blue .sectionBg {
    background: url('/media/governorvirginiagov/chief-data-officer/images/network_particles-white.svg');
    background-size: cover;
}


.sectionBg {
opacity: 0.35;
    transform: rotate(-180deg);
    top: -5em;
    right: -2em;
}


.sectionBg {
  background:url('/media/governorvirginiagov/chief-data-officer/images/network_particles-01.svg');
  background-size: cover;
  height: 25em;
      background-size:cover;
}

.footergraphic {
position: relative;
  top: -5em;
}


.footergraphic img {
    position: absolute;
    top: 0;
    opacity: .25;
  
}




#mainContent .cards a {
    text-decoration: none;
    display: table;
    text-align: center;
    background: #ecb130;
    color: #422f06;
    padding: 0.5em;
    margin: 0px auto;
    font-weight: 600;
    font-size: 1.15em;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1em;
    width: 80%;
}


#mainContent .cards a:hover {
    background: #60988b;
    color: #fff !important;
  
}


.secondary-menu .list-group-item:hover ul.multilevel-linkul-0 {
    width: 150%;
}

.card-content:last-child {
    margin-bottom: 5em;
}



.dt-members .agency {
  display:flex;
}

#mainContent .agency p {
    margin: auto 0px !important;
    display: block;
}



.intro-content {
    width: 100%;
    display: block;
    position: relative;
    width: 100vw;
    padding:1em;
}





.secondary-menu i.fa-chevron-down.menu-closed:hover {
    color: #173056;
    background: initial;
    padding: initial;
    border-radius: initial;
}



#mainContent .col-md-12 section:last-child {
    margin-bottom: 0px !important;
}


#mainContent section:last-of-type {
    margin-bottom: 0px;
}


a.btn.btn-primary{
 border-radius:0px; 
}

a.btn.btn-primary:hover {
    background: #60988b;
    color: #fff !important;
}


footer .multilevel-linkul-0 {
    display: none;
}


#mainContent .agency img {
    width: 75px !important;
    margin-right: 10px;
}

.dt-members li {
  
 background: #fff; 
}

.noshadow.customnews + .clip {
    top: -20em;
}


footer .nav-break {
    padding-bottom: 6px;
    border-bottom: 1px solid #ffffff69;
    display: inline-block;
    margin-bottom: 6px;
}


/* Accordion Styles */

#mainContent .accordion-header {
    margin: 0px;
    border:0px;
}

.accordion-item .accordion-button {
    font-weight: 600;
}


/* Card Styles */

.card.card-block {
    box-shadow: none;
    border: 1px solid #d7d7d7;
    padding: 20px;
}

#mainContent .card.card-block h3 {
  margin-top: 1em;
}

.card-icon-small-center {
    max-width: 8em;
    margin: 0 auto;
    padding: 0.5em;
}


/* Forms */

.js-t4form-container .checkbox input[type="checkbox"] {
    position: initial !important;
    height: initial;
    overflow: visible;
    width: initial;
    opacity: 1;
    margin-right: 3px;
}

span.lbl.js-choice-label {
    color: initial;
}





