body {
    font-size: 17px;
}

p {
    line-height: 28px;
}

/*Overrides to fix their weird dropdown styles*/
.dropdown-menu {
    min-width: inherit;
}

/*Overrides to allow for currently selected page to be queued via the nav bar to look nice*/
div.header-right-block {
    margin-top: 20px;
}

.nav-no-hero-background {
    width: 100%;
    height: 100%;
    /*height: calc(100% + 15px);*/
    position: absolute;
    left: 0;
    top: 0;
    background-color: #616161;
    /*background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(14,14,14,0.75) 25%, rgba(53,53,53,0.5) 50%, rgba(255,255,255,0) 100%);*/
    z-index: -1;
}

.triangle-border, .navbar-nav .open .dropdown-menu {
    padding: 0px;
    border-radius: 2px;
}
.navbar-nav .dropdown-menu > li {
    width:100%;
}
    .navbar-nav .dropdown-menu > li:hover {
        background: RGB(225, 238, 254);
    }

    .navbar-nav .dropdown-menu > li > a {
        width: 100%;
        /*Ready.gov css is garbage so overrides are garbage too*/
        padding: 5px 15px !important;
    }

.div.search-wrapper {
    margin-top: 5px;
}
img.glass {
    margin-top: 0px;
}
/*End above overrides*/


a.logo, a.logo:hover {
    text-decoration: none;
}
div.logo img {
    width: 210px;
}
div.logo a {
    color: white;
}

body.node-type-hazard div.main-container,
body.contains-hero div.main-container {
    margin-top: 28%;
}

img.footer-logo {
    width: 210px;
}

/* Greg Styles START */
.header-right-block .nav > li > a:focus, .header-right-block .nav > li > a:hover {
    color: black !important;
    background-color: #eee !important;
    border-radius: 4px;
}

.home-head-text {
  font-family: 'Merriweather', serif;
  font-weight: 400;
  /*

  padding: 1px 0 1px 10px !important;
  background: rgba(0,0,0,0.5);
  */
}

@media (max-width: 767px) {
  div.home-head-text {
    padding-left: 15px !important;
  }
}

ol.breadcrumb {
  /*background: #ededed !important;*/
}

/* Greg Styles END */
.breadcrumb a, .breadcrumb li {
    /*This needs to be marked as important due to an issue with how Ready.gov has defined their styles. They've made a massive block css selector responsible for both the regular breadcrumb link and its hover. This interacts badly with other selectors, trumping them for priority. !important will override their bad design, extending its issue into our own code... */
    font-size: 15px !important;
    /*color: #176192;*/
    color: #1c4264;
}

    .breadcrumb a:hover {
        text-decoration: underline;
        font-weight: 600;
        color: #176192;
    }

.breadcrumb > li + li:before {
    color: rgba(0, 0, 0, 0.32);}

.breadcrumb {
    background: none !important;
    border-radius: 0  !important;
    list-style: outside none none  !important;
    margin: 0  !important;
    padding: 0  !important;
    margin-bottom: 30px  !important;
}

#collapsePanelTitle{
    font-size: 22px !important;
    font-weight: 500 !important;
    padding: 10px !important;
}

div.right-sidebar {
    padding-left: 15px;
    border-left: solid rgba(0, 0, 0, 0.13) 3px;

    margin-top: 30px;
    margin-bottom: 30px;
}

/*div.right-sidebar .nav li > span, div.right-sidebar .nav li > a {
    margin-left: -15px;
}*/

div.right-sidebar ul.nav {
    /*margin-top: 10px;*/
}
div.right-sidebar .nav > li {
    padding-bottom: 0px;
}

    div.right-sidebar .nav > li > a:hover, div.right-sidebar .nav > li > a:first-child {
        padding-top: 5px;
    }

    div.right-sidebar .nav > li > a, .nav > li > span {
        padding-bottom: 5px;
        padding-top: 5px;
        line-height: 24px;
    }

/*selected related link style -- won't work if selected link is ever indented anything other than 15px*/
    div.right-sidebar li.nri-related-link-currentpage-container {
        background: rgba(0, 0, 0, 0.13);
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-left: -15px;
        padding-left: 15px;
    }

    div.right-sidebar h2 {
        color: rgba(0, 0, 0, 0.68);
        font-size: 18px;
        margin-top: 0px;
        padding-top: 10px;
        margin-bottom: 0px;
    }

/*Their skip to link didn't work OOTB for some reason, and it was easier to recreate it then fix it*/
.element-invisible {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    .element-invisible:focus {
        position: static;
        width: auto;
        height: auto;
    }
/*End above override*/

ul.menu.nav ul.menu.nav {
    /*margin-left: 20px;*/
}

.btn:hover {
    color: #333;
    font-weight: 400;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


/*table for addtional resources in take action page*/
.tblAdditionalResources tr:nth-child(even) {
  background-color: #eee;
}
.tblAdditionalResources tr:nth-child(odd) {
  background-color: #fff;
}
.tblAdditionalResources th {
  color: #000;
  background-color: lightgray;
}
.tblAdditionalResources tr {
  font-size: 14px;
}
.tblAdditionalResources th, .tblAdditionalResources td {
  border: 1px solid black;
  padding: 5px;
  border-collapse: collapse;
}