/*Contains colors, buttons, form*/
html, body {
 /*   display: initial;*/
  /*  overflow-x: hidden;*/
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', "Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
/*Loader*/

.bar {
    position: relative;
    width: 200px;
    margin: 0 auto;
    background: #fff;
    margin-top: 150px;
}

.circle {
    position: absolute;
    top: -50px;
    margin-left: -30px;
    height: 60px;
    width: 60px;
    left: 0;
    background: #fff;
    border-radius: 40%;
    -webkit-animation: move 3s infinite;
}
div#loadingResourcesContainer {
    position: relative;
    margin: 0;
    padding: 0;
    top: -30px;
    min-height: 265px;
}
.circle {
    position: absolute;
    top: 50%;
    left: 53.5%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 150px;
    background: #ccc;
    border: solid 5px #fff;
    box-shadow: 0px 0px 0px 5px #241F61;
    border-radius: 50%;
    overflow: hidden;
}
.wave-2 {
    position: relative;
    width: 100%;
    height: 100%;
    background: #5981BF;
    border-radius: 50%;
    box-shadow: inset 0 0 50px rgba(0,0,0, .3);
    overflow: hidden;
}
    .wave-2:before {
        top: 40px !important;
        border-radius: 30%;
        background: rgba(255, 255, 255, .5);
        animation: circle 10s linear infinite;
        width: 105% !important;
    }
    .wave-2:after {
        border-radius: 50%;
        background: rgba(255, 255, 255, 1);
        animation: circle 7s linear infinite;
    }
p.load {
    text-transform: uppercase;
    font-size: 1.2rem;
    position: absolute;
    top: 85px;
    left: 31px;
    color: white;
}
    .wave-2:before, .wave-2:after {
        content: '';
        position: absolute;
        width: 97%;
        height: 97%;
        top: 45px;
        left: 50%;
        transform: translate(-50%, -75%);
  
    }
@keyframes circle {
    0% {
        transform: translate(-50%, -75%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -75%) rotate(360deg);
    }
}
/*p.load {
    position: absolute;
    top: -35px;
    right: -85px;
    text-transform: uppercase;
    color: #5880c3;
    font-family: helvetica, sans-serif;
    font-weight: bold;
}

@-webkit-keyframes move {
    0% {
        left: 0;
    }

    20% {
        left: 100%;
        -webkit-transform: rotate(450deg);
        width: 150px;
        height: 150px;
    }

    35% {
        left: 100%;
        -webkit-transform: rotate(450deg);
        width: 150px;
        height: 150px;
    }

    50% {
        right: 100%;
    }
} */

/*Modals*/
.toolkit-modal {
    margin-top: 55px;
    overflow: hidden !important;
    backdrop-filter: blur(10px);
    margin-top: 55px;
    background-color: rgba(0,0,0,.4);
}
    .toolkit-modal img {
        width: 25px;
    }
.toolkit-modal h4 {
    text-align: center;
    color: #22215D;
    font-size: 1.8rem;
    padding: 10px 5px;
}
    .toolkit-modal .modal-dialog {
        width: 35%;
    }
.exit-modal {
    overflow: hidden !important;
    backdrop-filter: blur(10px);
    margin-top: 55px;
    background-color: rgba(0,0,0,.4);
}
.exit-modal .modal-header {
    display: block;
    border-bottom: none;
    margin-bottom: -25px;
    text-transform: uppercase;
}
.exit-modal .modal-header hr {
    border-bottom: solid #f5b941;
    max-width: 10%;
}
    .exit-modal span {
        color: #007bff;
    }
.exit-modal img {
    max-width: 20px;
    float: right;
}
.exit-modal h4 {
    color: #22215D;
    font-size: 1.8rem;
    padding: 10px 5px;
}
.modal-footer {
    border: none;
    margin: 10px auto;
}
    .modal-header h4{text-align:center;}
.exit-modal h6 {
    text-align: center;
    font-size: 1.15rem;
}
.exit-modal .modal-dialog {
    max-width: 40%;
}
.tta-modal .modal-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.tta-modal .modal-dialog {
    max-width: 80% !important;
}
.tta-modal .modal-body ul li {
    list-style: disc;
}
.search-menu-button {
    background: #262626;
    border: none;
}
button.search-menu-button-panel {
    background: none;
    border: none;
}
.link{
    cursor:pointer;
}
img.redirect {
    max-width: 15px;
    margin-top: 4px;
    margin-left: 5px;
}
#toast-container > div {
    top: 135px;
}
.no-result-set {
    padding: 30px;
    margin-left: 15px;
    margin-right: 15px;
    background: #f4f4f4;
    border-radius: 5px;
    width: 100%;
    margin-top: 20px;
}
.grid ul.no-result {
    display: inline-block;
    width: 100%;
}
#accordion h5 {
    color: black;
}
#no-results{
    display:none;
}
#no-results.show{display:inline-block;}
.filters {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    z-index: 99;
}
.filter-section{
    margin-bottom: 20px;
}
.row.text-center {
    width: 100%;
}
.crisis {
    top: 0px;
}
/*Subpages*/
.sub-pages {
    margin-top: 130px;
    margin-bottom:80px;
}
/*Accessibility*/
img.accessibility-icon {
    margin-right: 20px;
    margin-bottom: 15px;
    border: dashed 3px #5981BF;
    max-height: 85px;
}
p {
    font-family: 'Cabin', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !Important;
}
/*Tooltip*/
.tooltip {
    z-index: 999999999999;
}
/*for buttons include .btn.gold-button (for instance)*/
.btn-details {
    background: #241F61;
    max-height: 40px;
    margin-top: 10px;
}
    .btn-details:hover {
        background: #3b3587;
    }
.btn-share {
    background: #35BE99;
    margin-bottom:5px;
}
.icon-btn img{
    max-width:20px;
    margin-bottom:5px;
}
.btn-share img {
    max-width: 20px;
    margin-bottom: 5px;
}
.btn-view {
    background: #F95933;
}
.btn-view:hover {
    background: #c74628;
}
    button.btn.btn-danger img, button.btn.btn-add img, .btn-view img, .btn-details img {
        min-height: 25px;
        max-width: 18px;
    }
button.btn.btn-add {
    background: #F5B842;
    max-height: 40px;
}
    button.btn.btn-add:hover {
        background: #376b4b;
    }
/*active style for adding to toolkit*/
button.btn.btn-add.active {
    background: green;
    max-height: 40px;
}
    button.btn.btn-add.active:hover {
        background: #026102;
    }
.beige-background {
    background-color: #E2E2E2;
}
.lightblue-color {
    color: #5981BF;
}
.gold-color {
    color: #FFC115;
}
a.gold-color:hover {
    color: #ffd769;
}
.gold-bg {
    background: #FFC115;
}
.gold-border {
    border: solid;
    border-color: #FFC115;
}
.gold-button {
    color: black;
    font-weight: 700;
    background: #FFC115;
}
.gold-button:hover {
    transition: .3s ease-in-out background;
    background: #FEDB99;
    box-shadow: 0 0 0 0.2rem rgb(254 219 153 / 50%);
}
.darkerblue-color {
    color: #39537a;
}
img.send-icon {
    max-width: 15px;
    margin-top: -4px;
    margin-left: 3px;
}
.navy-color {
    color: #241F61;
}
.navy-bg {
    background: #241F61;
}
.navy-button {
    border: solid #ccc 1px;
    color: white !important;
    letter-spacing: .08rem;
    font-weight: 700;
    background: #241F61;
}
    .navy-button:hover {
        transition: .3s ease-in-out background;
        background: #656196;
        box-shadow: 0 0 0 0.2rem rgb(130 138 145 / 50%);
    }
.navy-border {
    border: solid;
    border-color: #241F61;
}
.orange-color {
    color: #F04E28;
}
.orange-button {
    border: solid #ccc 1px;
    color: white !important;
    letter-spacing: .08rem;
    font-weight: 700;
    background: #F04E28;
}
.orange-button:hover {
    transition: .3s ease-in-out background;
    background: #f76745;
    box-shadow: 0 0 0 0.2rem rgb(255 152 128 / 50%);
}
.no-shadow{
    text-shadow:none;
    box-shadow:none;
}
.orange-color {
    color: #F04E28;
}
.lighterblue-color {
    color: #6860A7;
}
.col-lg.pl-0 hr {
    width: 10%;
    border: solid #F5B941;
}
h2.col-12.pl-0.border-bottom.lightblue-color {
    padding-bottom: 10px;
    font-size: 1.9rem;
}
p.mx-auto.text-center {
    padding: 30px 0;
}
.send {
    margin-top: 5px;
    margin-bottom: 30px;
}
.h2, h2 {
    font-size: 2.2rem;
}
.officer-img {
    position: relative;
    width: 100%;
    z-index: -1;
}
label.control-label.standout-selection {
    font-weight: bold;
    font-size: 1.1rem;
}
abbr[title] {
    border-bottom: none !important;
    cursor: inherit !important;
    text-decoration: none !important;
}
    .row.col.col-lg.pl-0 {
    text-align:center;
    padding-top: 80px;
    padding-bottom: 20px;
}
h1, h1.display-4.gold-color {
    line-height: 3rem;
    font-weight: bolder;
}
img.wave-section {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: -10px;
}
.dark-text{
    color:black !important;
}
.display-4 span {
    font-size: 2.5rem;
}
.policebluered-bg {
    width: 100%;
    height: 100%;
    background: rgb(10,5,105);
    background: linear-gradient(90deg, rgb(4 4 103) 34%, rgb(103 1 1) 100%);
}

.lightblue-bg {
    width: 100%;
    height: 100%;
    background: rgba(63,93,139,.75);
}
.darkteal-bg {
    width: 100%;
    height: 100%;
    background: rgba(6, 58, 53,.75);
}
.darkpurple-bg {
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(33,34,94,1) 14%, rgba(52,84,142,0.8606793059020483) 65%, rgba(52,84,142,1) 100%) /*rgba(75 63 139 / 75%);*/
}
.darkpurple2-bg {
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(90,58,131,0.9699230033810399) 14%, rgba(54,41,78,0.9419117988992471) 65%, rgba(32,10,55,0.7654412106639531) 100%);
}
.adjust-social .social-links.active {
    margin-top: -100px;
}
.darkteal-bg {
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(21,70,112,1) 14%, rgba(64,93,53,0.9026961126247374) 65%, rgba(79,116,66,1) 100%);
    ;
}
section {
    padding: 20px 0;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.dropdown-menu ul li {
    text-decoration: none;
    list-style: none;
    padding: 6px 0px;
}
.dropdown-menu ul {
    padding:5px;
}
.filter-section .btn-filter {
    background: white;
    color: black;
}
.dropdown-menu ul li:hover {
    color: #261c60;
    cursor: pointer;
    font-weight: 600;
}
.filter-section .dropdown-menu.show {
    backdrop-filter: grayscale(0.5) opacity(0.8);
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 0 7px;
}
.breadcrumb {
    background: white;
    border: solid 1px;
    border-radius: 0;
    display: initial;
    padding: 6px;
}
.breadcrumb.news-section {
    margin-left: 7px;
    display: inline-block;
}
p.citation-p {
    font-size: 1rem;
}
/*h2.showing-resources:hover:before, a h2.showing-resources:focus:before {
    position: absolute;
    width: 16px;
    display: inline-block;
    margin-top: 6px;
    height: 16px;
    transition: all ease .3s;
    margin-left: -25px;
    opacity: .7;
    content: '';
    b
    ackground-image: url(/img/icons/AnchorIcon.svg);
}*/
.hide-large{display:none; margin-top:10px;}
a.btn.gold-button.dark-text.link-tel {
    margin-left: 6px;
}
.filter-section hr {
    border-bottom: solid 4px #F5B941;
    max-width: 20%;
    margin-left: 15px;
    margin-top: 10px;
    border-top: 0;
}
h2.showing-resources {
    color: black;
    transition: all ease .3s;
    padding-left: 10px;
    display: inline-block;
    font-size: 1.4rem;
   /* margin-top: 20px;*/
}
.btn-group {
    z-index: 1;
}
#NewsandAnnouncements, #SubLinks, #FundingandOpportunities {
    margin-top: -260px;
    padding-top: 260px;
    box-shadow: none;
}
#AllPostings {
    box-shadow: none;
    position: relative;
    z-index: 0;
    margin-top: -260px;
    padding-top: 260px;
}
a#AllPostings:focus {
    box-shadow: none;
}
img.close-filter {
    height: 11px;
    margin-bottom: 2px;
}
.shield-bg {
    z-index: 9;
    background-size: cover;
    height: 190px;/*
    background-image: url(../img/ShieldShape.svg);*/
    width: 100%;
    margin-top: -145px;
    margin-bottom: 30px;
    position: relative;
}
.shield-bg-2 {
    z-index: 9;
    height: 190px;
    transform: rotate( 90deg ) translate(0, 0) /* go from bottom right to top right */ rotate( 90deg ) translate(0, 0);
    background: url(../img/wave.svg) repeat-x;
    margin-top: 40px;
    margin-bottom: -45px;
    height: 103px;
    overflow-x: hidden;
}
/*.shield-bg-2 {
    z-index: 9;
    background-size: cover;
    height: 190px;
    background-image: url(../img/ShieldShape3.svg);
    width: 100%;
    margin-top: -20px;
    margin-bottom: -5px;
    overflow:hidden;
    position: relative;
}*/
section.wave-holder-2.beige-background.bottom-page {
    padding-bottom: 230px;
    margin-bottom: -190px;
}
    .shield-bg:before {
        content: '';
        z-index: 999;
        position: absolute;
        background-size: cover;
        height: 193px;
    /*    background-image: url(../img/ShieldShape2.svg);*/
        width: 100%;
        margin-top: -12px;
        margin-left: 0px;
    }
/*Footer*/
footer.border-top.footer.text-muted {
    padding: 20px 0 5px 0;
    background: #262626 !important;
    color: white !important;
    text-align: center;
}
.dark-box a {
    color: #8ab4f8;
}
footer hr {
    border: 1.8px solid #F5B941;
    margin-top: 35px;
}

footer .col-4 img {
    max-width: 200px;
    margin-bottom: 30px;
}

footer .col-4 a {
    display: inline-block;
    margin-top: 20px;
}

footer .row {
    justify-content: center;
}

img.small-logo {
    max-height: 15px;
    margin-top: -5px;
}

footer .container {
    margin-top: 0;
}

footer a:hover {
    text-decoration: none;
    color: #5981BF;
}

footer a {
    font-size: 1.4rem;
    color: white;
    font-weight: bold;
}
    /*Subpage Top Image Styles*/
.sub-top {
    padding-top: 100px;
    min-height: 600px;
}
.sub-top-2.text-center {
    margin-top: 180px;
}
.sub-top-2 hr {
    max-width: 25%;
    border-top: solid 5px #f5b941;
    margin-top: 25px;
    margin-bottom: 35px;
}
.sub-top hr {
    max-width: 25%;
    border-top: solid 5px #f5b941;
    margin-top: 25px;
    margin-bottom: 35px;
}
    .sub-top p {
        color: white;
        text-align: center;
        text-shadow: 3px 3px 3px #222;
    }
.sub-p {
    margin-bottom: 40px;
}
.dark-box {
    background: rgba(38, 38, 38, .8);
    text-align: center;
    min-width: 100%;
    padding: 20px;
    border-radius: 20px;
}
.dark-box h2 {
    font-size: 1.7rem;
}
row.connect-section .col-5, .row.connect-section .col-3, .row.connect-section .col-4 {
    padding: 0;
}
hr.dotted-hr {
    max-width: 100%;
    border-top: dotted 2.2px #f5b941;
}
.connect-section {
    width: 100%;
    color: white;
    margin: 35px 0;
}
.left hr, .left p {
    text-align: left;
    margin-left: 0;
}
img.clearinghouse-icon {
    max-width: 210px;
    float: right;
    margin: 0 35%;
}
.dot-break {
    width: 20px;
    margin-left: 20px;
    margin-top: 100px;
}
/*Backgrounds Subpages*/
.tta-background {
    background: url(../img/tta/TTABackground.jpg);
    background-size: cover;
    min-height: 100vh;
    margin-bottom: -85px;
    margin-top: 85px;
}
.ch-background {
    background: url(../img/clearinghouse/ClearinghouseBackground.jpg);
    background-size: cover;
    min-height: 100vh;
    background-position: bottom;
    margin-top: 110px;
    border-bottom: solid #5981BF 15px;
}
.about-background {
    background: url(../img/about/AboutBackground.jpg);
    background-size: cover;
    min-height: 70vh;
    background-position: bottom;
    margin-top: 85px;
    border-bottom: solid #5981BF 15px;
}
.news-background {
    background: url(../img/news/NewsBackground.jpg);
    background-size: cover;
    min-height: 100vh;
    margin-top: 85px;
    border-bottom: solid #5981BF 15px;
}
.lightblue-color span {
    color: #39537a;
    font-weight: 700;
}

.connect-section h3 {
    font-weight: 700;
}
.smaller-steps {
    max-width: 185px;
}
img.steps-line {
    max-width: 73%;
    margin-top: 35px;
}
.steps{
    margin-top:20px;
}
.steps h4{
    font-weight:700;
}
/*p.lightblue-color.bold {
    font-weight: 600;
}*/
/*News section*/
.news img.card-img-top {
    border-top-right-radius: calc(0.75rem - 1px);
    border-top-left-radius: calc(0.75rem - 1px);
}
.card{
    opacity: 0;
    display:none;
}
.card.active {
    display:block;
    opacity: 1;
}
.card-date span {
    font-size: 2rem;
    font-weight: bold;
}
p.card-date {
    font-family: Roboto, sans-serif;
    font-size: 1.4rem;
    text-align: center;
}
p.card-title, p.card-title-about {
    font-family:Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: solid 3px #F5B941;
}
.card-text-about span.active {
    display: initial;
}
.hidden-ul{
    display:none;
}
button.read-more:focus {
    border: none;
    outline: none;
    padding: 3px;
}
button.read-more {
    padding: 3px;
    border: none;
    background: none;
    display: block;
    padding: 0;
    margin-top: 20px;
    font-weight: 600;
}
.news .card {
    margin: auto;
    border-top-right-radius: calc(0.75rem - 1px);
    border-top-left-radius: calc(0.75rem - 1px);
    max-width: 65%;
    margin-bottom: 50px;
}
li.no-bullet {
    padding: 10px 0px;
    list-style: none;
    margin-left: -40px;
}
ul.site-map {
    font-size: 1.2rem;
}
/*About cards*/
span.bullet {
    padding-left: 20px;
    display: block;
}
span.bullet-bigger:before {
    content: '';
    background: #333;
    width: 7px;
    height: 7px;
    position: absolute;
    margin-left: -19px;
    border-radius: 5px;
    margin-top: 10px;
}
span.bullet:before {
    content: '';
    background: #333;
    width: 5px;
    height: 5px;
    position: absolute;
    margin-left: -19px;
    border-radius: 5px;
    margin-top: 10px;
}
.card-text-about span.read {
    display: none;
}
.connect-about {
    margin-top: 65px;
}
.card-body-about .col-5 img {
    max-width: 100%;
    margin-bottom: 20px;
}
.about-card {
    margin-bottom: 40px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 15px;
}
span.bullet-left {
    padding-left: 45px;
    display: block;

}
span.bullet-left:before{
        content: '';
    background: #333;
    width: 5px;
    height: 5px;
    position: absolute;
    margin-left: -19px;
    border-radius: 5px;
    margin-top: 10px;
}
span.bullet-right {
    padding-left: 70px;
    display: block;
}
span.bullet-right:before {
    content: '';
    background: #333;
    width: 5px;
    height: 5px;
    position: absolute;
    margin-left: -19px;
    border-radius: 5px;
    margin-top: 10px;
}
}

/*Form*/
div#primaryContact {
    margin: auto;
}
/*More from OVW / Other Resource Centers*/
.ovw h2 {
    font-size: 1.8rem;
    min-height: 75px;
}
.ovw ul li {
    list-style: none;
    padding: 5px 0;
}
.ovw ul {
    padding-left: 0;
    margin-left: 0;
}
.external-link:after {
    content: '';
    background: url(../img/moreovw/ExternalLink.svg);
    width: 15px;
    height: 16px;
    margin-top: 5px;
    margin-left: 5px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Redirect styles
-------------------------------------------------- */

a.link-ext:after {
    content: '';
    background: url(../img/moreovw/ExternalLink.svg);
    width: 16.5px;
    height: 16px;
    margin-top: 5px;
    margin-left: 3px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
}

span.external-site-link {
    word-break: break-word;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
footer a:after {
    content: '';
    background: none !important;
    width: 15px;
    height: 16px;
    margin-top: 5px;
    margin-left: 5px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}
a.btn.btn-view.link-ext {
    padding-right: 12px;
}
a.link-ext {
    padding-right: 20px;
}
img.ribbon {
    margin-top: -45px;
    max-height: 105px;
}
/*.special-purple-bg {
    width: 100%;
    height: 100%;
    background: rgb(178,159,206);
    background: linear-gradient(180deg, rgba(178,159,206,0.75) 0%, rgba(74,37,101,0.75) 42%);
}*/
/* ----------------------------------------------- */
@media only screen and (min-width: 2500px){
.bigscreensize {
    padding-bottom: 130px;
}
}