/* Global */
body { 
    font-family: "HelveticaNeueLTStd"; 
}
h1, h2, h3, h4, h5, h6 {
    color: var(--darkBlue);
}
.clearfix,
.clearfix:after {
    display: block;
    clear: both;
    content: "";
  }
:root {
    --bgGray: #DDDDDD;
    --brightBlue: #178CCB;
    --ctaBlue: #006BE9;
    --darkBlue: #052049;
    --dullBlue: #506380;
    --mediumBlue: #178CCB;
    --medDarkBlue: #0F388A;
    --lightBlue: #E2F4FC;
    --paleBlue: #F2F4F6;
}
.serif {
	font-family: GranjonLTStd;
}
a {
    color: var(--ctaBlue);
    text-decoration: none;
    transition: all .3s;
}
.bg-pale-blue {
    background-color: var(--paleBlue);
}
.bg-bright-blue {
    background-color: var(--lightBlue);
}
.colo-box a {}
.text-center-children * {
    text-align: center;
}
.btn-std {
    background-color: var(--ctaBlue);
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    padding: 0.4rem 1.2rem;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
}
.btn-std:hover {
    background-color: var(--ctaBlue);
    border: none;
    border-radius: 0;
    color: #fff;
    filter: brightness(1.2);
}
@media only screen and (min-width: 992px) {
    .btn-std {
        font-size: 1rem;
        padding: 0.6rem 1.5rem;
    }
}
/* /Global */

/* Big Link Card */
.big-link-card .card-copy p {
    margin: 0;
}
.big-link-card .card-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -1rem;
    height: 180px;
}
@media only screen and (max-width: 576px) {
    .big-link-card {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}
@media only screen and (min-width: 768px) {
    .big-link-card .card-image {
        height: 100%;
        margin-left: -1rem;
    }
}
@media only screen and (min-width: 1200px) {
    .big-link-card .card-image {
        margin-left: 0;
    }
}
@media only screen and (min-width: 1400px) {
    .big-link-card .card-image {
        min-height: 350px;
        margin-bottom: 1rem!important;
    }
}
/* /Big Link Card */

/* Card Arrows */
@media only screen and (min-width: 992px) {
    .arrow-right {
        position: relative;
    }
    .arrow-right:before {
        background-color: var(--ctaBlue);
        content: '';
        height: .5rem;
        left: 100%;
        position: absolute;
        top: 3rem;
        transform: translateY(-50%);
        width: calc(var(--bs-gutter-x) + .5rem);
        z-index: 100;
    }
    .arrow-right:after {
        border: solid var(--ctaBlue);
        border-width: 0 .5rem .5rem 0;
        content: '';
        display: inline-block;
        left: calc(100% + 1.4rem);
        padding: .5rem;
        position: absolute;
        top: 3rem;
        transform: rotate(-45deg) translateY(-68%);
        -webkit-transform: rotate(-45deg) translateY(-68%);
        z-index: 100;
    }
}
/* /Card Arrows */

/* Contact Form */
.contact-form button {
    background-color: var(--ctaBlue);
    border: none;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    height: unset;
    text-transform: uppercase;
    padding: 0.54rem 1.5rem;
}
.contact-form button:hover {
    background-color: var(--ctaBlue);
    filter: brightness(1.2);
}
.contact-form input,
.contact-form input:focus,
.contact-form select,
.contact-form select:focus {
    border: none!important;
    border-radius: 0!important
}
.contact-form .form-floating textarea.form-control {
    border: none!important;
    border-radius: 0!important;
    height: 180px;
}
.contact-form .form-floating>.form-control, .form-floating>.form-control-plaintext {
    height: calc(3rem + 2px);
}
.contact-form .form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.125rem;
    padding-bottom: 0.625rem;
}
.contact-form .form-floating>label {
    padding: 0.7rem 0.75rem;
}
input#bluebeard { 
    display: none;
}
@media only screen and (min-width: 992px) {
    .contact-form {
        margin-right: -3rem;
    }
}
@media only screen and (min-width: 1040px) {
    .contact-form {
        margin-right: -5rem;
    }
}
@media only screen and (min-width: 1200px) {
    .contact-form {
        margin-right: -6rem;
    }
}
@media only screen and (min-width: 1400px) {
    .contact-form {
        margin-right: -7rem;
    }
}
/* /Contact Form */

/* Donate Form */
@media only screen and (min-width: 992px) {
    .donate-form {
        margin-right: -3rem;
    }
}
@media only screen and (min-width: 1040px) {
    .donate-form {
        margin-right: -5rem;
    }
}
@media only screen and (min-width: 1200px) {
    .donate-form {
        margin-right: -6rem;
    }
}
@media only screen and (min-width: 1400px) {
    .donate-form {
        margin-right: -7rem;
    }
}
/* /Donate Form */

/* Email Signup Form */
.email-signup-form input {
    border: none!important;
    border-radius: 0!important
}
#mc_embed_signup .email-signup-form  .button {
    background-color: var(--ctaBlue);
    font-size: 1rem;
    font-weight: 700;
    height: unset;
    text-transform: uppercase;
    padding: 0.54rem 1.5rem;
}
#mc_embed_signup .email-signup-form  .button:hover {
    background-color: var(--ctaBlue);
    filter: brightness(1.2);
}
.email-signup-form .form-floating>.form-control, .form-floating>.form-control-plaintext {
    height: calc(3rem + 2px);
}
.email-signup-form .form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.125rem;
    padding-bottom: 0.625rem;
}
.email-signup-form .form-floating>label {
    padding: 0.7rem 0.75rem;
}
/* /Email Signup Form */

/* FAQs */
.faq-group-accordion .faq-accordion .accordion-body {
    padding-bottom: 0;
}
.faq-group-accordion .faq-accordion .accordion-button {
    background-color: var(--medDarkBlue);
    border-radius: 0!important;
    color: #fff;
}
.faq-group-accordion .faq-accordion .accordion-item {
    border: none;
    border-radius: 0;
}
.bg-white .faq-group-accordion .accordion-body {
    background-color: var(--paleBlue);
}
.faq-group-accordion .accordion-button {
    background-color: var(--darkBlue);
    border-radius: 0!important;
    color: #fff;
}
.faq-group-accordion .accordion-button:after {
    background: none;
    color: #fff;
    content: "\2b";
    height: unset;
    display: inline-block;
    font: var(--fa-font-solid);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width: unset;
}
.faq-group-accordion .accordion-button:not(.collapsed)::after {
    content: "\f068";
    transform: rotate(180deg);
    transform-origin: center;
}
/* /FAQs */

/*  Feed Link */
.feed-link {
    text-decoration: none;
    transition: all .3s;
}
.feed-link h4,
.feed-link p {
    color: var(--darkBlue);
    text-decoration: none;
    transition: all .3s;
}
.feed-link:hover h4,
.feed-link:hover p {
    color: var(--ctaBlue);
    cursor: pointer;
}
/* /Feed Link */

/* Filter Menu */
.filter-menu {
    position: relative;
    z-index: 50;
}
.filter-menu .filter-menu-btn {
    background-color: var(--darkBlue);
    color: #fff;
    font-weight: 400;
    padding: .5rem 1.5rem;
    text-decoration: none;
}
.filter-menu .filter-menu-btn i {
    transition: all .3s;
}
.filter-menu .filter-menu-btn:not(.collapsed) i {
    transform: rotate(180deg);
}
.filter-menu .filter-menu-btn:hover {
    background-color: var(--ctaBlue);
}
.filter-menu .filter-menu-collapse {
    background-color: var(--paleBlue);
    position: absolute;
    top: 100%;
    width: 100%;
}
.filter-menu .filter-menu-collapse .filter-menu-link {
    color: var(--darkBlue);
    display: block;
    font-weight: 400;
    text-decoration: none;
    transition: all .3s;
}
.filter-menu .filter-menu-collapse .filter-menu-link:hover {
    color: var(--ctaBlue);
}
.page-info a {
    color: var(--ctaBlue);
    font-weight: 700;
    text-decoration: none;
}
.page-info a:hover {
    filter: brightness(1.2);
}
@media only screen and (min-width: 576px) {
    .filter-menu .filter-menu-btn {
        padding: 1rem 1.5rem;

    }
}
/* /Filter Menu */

/* Footer */
.footer {
    background-color: var(--darkBlue);
    color: #fff;
    padding: 2rem 0;
}
.footer-btn {
    background-color: var(--ctaBlue);
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    padding: 0.4rem 1.2rem;
    transition: all .3s;
}
.footer-btn:hover {
    background-color: var(--ctaBlue);
    border: none;
    border-radius: 0;
    color: #fff;
    filter: brightness(1.2);
}
.footer-contact {
    font-size: .9rem;
}
.footer-copyright {
    border-top: 1px solid #fff;
    font-size: .9rem;
    padding-top: 1.5rem;
}
.footer-links-col {
    width: 100%; 
}
.footer-links-col h6 {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 700;
    padding-bottom: 0.25rem;
    width: 100%; 
}
.footer-link {
    color: #fff;
    display: block;
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 0;
    text-decoration: none;
    transition: all .3s;
    width: fit-content;
}
.footer-link:hover {
    color: #fff;
    text-decoration: underline;
}
.footer-logo img {
    height: 140px;
}
@media only screen and (min-width: 992px) {
    .footer {
        padding: 3rem 0;
    }
    .footer-btn {
        font-size: 1rem;
        padding: 0.5rem 1.5rem;
        width: 100%;
    }
    .footer-link {
        font-size: 1rem;
        margin-bottom: 0.125rem;
    }
}
@media only screen and (min-width: 1200px) {
    .footer {
        padding: 4rem 0;
    }
    .footer-btn {
        width: unset;
    }
    .footer-logo img {
        height: 200px;
    }
}
/* /Footer */

/* Formie Forms */
.basic-form .fui-btn {
    background-color: var(--ctaBlue);
    border: none;
    border-radius: 0;
    transition: all .3s;
}
.basic-form .fui-btn:hover {
    background-color: var(--ctaBlue);
    filter: brightness(1.2);
}
.basic-form .fui-input,
.basic-form .fui-select {
    background-color: var(--paleBlue);
    border-radius: 0;
}
.basic-form .fui-input::placeholder,
.basic-form .fui-select::placeholder {
    color: #000;
}
.fui-alert {
    font-size: 1rem!important;
}
@media only screen and (min-width: 992px) {
    .basic-form .fui-btn {
        padding: .7rem 1.8rem;
    }
    .basic-form .fui-input,
    .basic-form .fui-select {
        padding: 1rem;
    }
}
/* /Formie Forms */

/* Homepage Hero */
.homepage-hero {
    background-color: var(--medDarkBlue);
    color: #fff;
}
.homepage-hero h1 {
    color: #fff;
}
.homepage-hero a {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
    transition: all .3s;
}
.homepage-hero a:hover {
    text-decoration: underline;
}
.homepage-hero-img .enabled img {
    transition: all .3s;
}
.homepage-hero-img .enabled img:hover {
    filter: brightness(1.05);
    transform: scale(1.0125);
}
.homepage-hero-img {
    margin-top: -2rem;
}
.homepage-hero-img img {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .homepage-hero h1 {
        font-size: 3rem;
    }
    .homepage-hero p {
        font-size: 1.2rem;
    }
}
@media only screen and (min-width: 992px) {
    .homepage-hero h1 {
        font-size: 2.5rem;
    }
    .homepage-hero p {
        font-size: 1rem;
    }
}
@media only screen and (min-width: 1200px) {
    .homepage-hero h1 {
        font-size: 3rem;
    }
    .homepage-hero p {
        font-size: 1.2rem;
    }
}
/* /Homepage Hero */

/* Image Link Group */
.image-link-group-link {
    text-decoration: none;
}
.image-link-group-link:hover .link-image {
    filter: brightness(1.1);
    transform: scale(1.0125);
}
.image-link-group-link:hover .image-link-group h5,
.image-link-group-link:hover .image-link-group p {
    color: var(--ctaBlue);
}
.image-link-group-link .image-link-group h5 {
    color: var(--darkBlue);
    font-weight: 700;
}
.image-link-group-link .image-link-group p {
    color: var(--darkBlue);
    line-height: 1.3;
}
.image-link-group .link-image {
    border-radius: 500px;
    overflow: hidden;
    transition: all .3s;
}
.image-link-group .link-image img {
    width: 100%
}
/* /Image Link Group */

/* Link Card */
.bg-white .link-card-link:hover .link-card.outline {
    background-color: var(--paleBlue);
}
.bg-white .link-card-link:hover .link-card.overlap .link-card-copy {
    background-color: var(--paleBlue);
}
.dl-card-link {
    font-family: "HelveticaNeueLTStd";
    font-weight: 700;
}
.link-card-copy {
    background: #fff;
    color: var(--darkBlue);
    font-family: GranjonLTStd;
    margin: -1rem 0 0 1rem;
    position: relative;
    transition: all .3s;
    z-index: 10;
}
.link-card-copy h3 {
    margin: 0;
    transition: all .3s;
}
.link-card-copy h3 i {
    font-size: 1.5rem;
}
.link-card-copy h4 i {
    font-size: 1.25rem;
}
.link-card-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    transition: all .3s;
    width: 100%;
}
.link-card-link {
    text-decoration: none;
}
.link-card-link:hover .link-card-copy h3 {
    color: var(--ctaBlue);
}
.link-card-link:hover .link-card-image {
    filter: brightness(1.1);
    transform: scale(1.0125);
}
.link-card-link:hover .link-card.overlap .link-card-copy {
    margin-right: -.75%;
}
.link-card.outline {
    border: solid 1px var(--darkBlue);
    padding: 1rem;
    transition: all .3s;
}
.link-card.outline .link-card-copy {
    background: none;
    margin: 0;
}
.link-card.outline .link-card-image {
    height: 150px;
}
@media only screen and (min-width: 1200px) {
    .link-card-image {
        height: 250px;
    }
    .link-card.outline .link-card-image {
        height: 200px;
    }
}
/* /Link Card */

/* Main Nav */
.carrot-after {
    position: relative;
    width: fit-content;
}
.carrot-after:after {
    bottom: .75rem;
    margin: 0;
    position: absolute;
    right: 0;
    display: inline-block;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.main-nav {
    padding: 1rem 0;
}
.main-nav .navbar-brand {
    font-size: 1.25rem;
    line-height: 1.3;
}
.main-nav .navbar-brand img {
    height: 50px
}
.main-nav .navbar-toggler {
    border: none;
    font-size: 1.75rem;
    padding: 0 .5rem 0 0;
}
.main-nav .navbar-toggler .navbar-toggler-icon {
    color: var(--darkBlue);
}
.main-nav .nav-link.nav-btn {
    background-color: var(--bgGray);
    color: var(--dullBlue);
    padding: .4rem .8rem;
    font-size: .9rem;
    font-weight: 700;
    transition: all .3s;
    white-space: nowrap;
}
.main-nav .nav-link.nav-btn:hover {
    color: #fff;
    background-color: var(--dullBlue);
}
.main-nav .nav-link {
    color: var(--darkBlue);
    font-size: 1rem;
    text-align: right;
}
.main-nav .nav-link:hover {
    color: var(--ctaBlue);
}
.main-nav .nav-link.dropdown-toggle {
    position: relative;
    padding-right: 1rem;
}
.main-nav .nav-link.dropdown-toggle:after {
    bottom: 1.125rem;
    margin: 0;
    position: absolute;
    right: 0;
}
.main-nav-search-form {
    width: 200px;
    z-index: 100;
}
.main-nav-search-form input {
    border-radius: 0;
    font-size: .9rem;
    padding: .25rem .5rem;
}
.main-nav-search-form button {
    background-color: var(--dullBlue);
    border-radius: 0;
    color: #fff;
    display: none;
    font-size: .9rem;
    padding: .25rem .5rem;
}
.main-nav-search-form button:hover {
    background-color: var(--darkBlue);
}
@media only screen and (min-width: 992px) {
    .main-nav .navbar-brand {
        font-size: 1.75rem;
    }
}
@media only screen and (max-width: 1200px) {
    .main-nav .dropdown-menu {
        background: none;
        border: none;
    }
    .main-nav .dropdown {
        border-bottom: 1px solid var(--bgGray);
    }
    .main-nav .dropdown-menu {
        border-top: 1px solid var(--bgGray);
    }
    .main-nav .navbar-collapse {
        background-color: var(--paleBlue);
        padding: 1rem;
        margin-left: calc(var(--bs-gutter-x) * -.5);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-top: 1rem;
    }
    .main-nav .navbar-toggler:focus {
        box-shadow: none;
    }
    .main-nav .nav-link.dropdown-toggle {
        width: fit-content;
    }
    .main-nav-search-form {
        width: 100%;
    }
    .main-nav-search-form button {
        display: block;
    }
}
@media only screen and (min-width: 1200px) {
    .desktop-dropdown {
        left: 30%;
        position: absolute;
        right: calc(var(--bs-gutter-x) * .5);
        top: 0;
        z-index: 100;
    }
    .double-dropdown h4 {
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 1.6px;
        text-transform: uppercase;
    }
    .desktop-dropdown .dropdown-body {
        background-color: var(--paleBlue);
        padding: 4rem;
        position: relative;
        width: 100%;
    }
    .desktop-dropdown .dropdown-body .dropdown-close-btn {
        color: var(--darkBlue);
        cursor: pointer;
        font-size: 1.5rem;
        right: 1.75rem;
        position: absolute;
        top: 1.25rem;
    }
    .desktop-dropdown .dropdown-body .dropdown-close-btn:hover {
        color: var(--ctaBlue);
    }
    .desktop-dropdown .dropdown-body .dropdown-link {
        border-bottom: 1px solid var(--bgGray);
        color: var(--darkBlue);
        font-weight: 400;
        padding: .5rem 0;
        text-decoration: none;
        width: 100%;
    }
    .desktop-dropdown .dropdown-body .dropdown-link:hover {
        color: var(--ctaBlue);
    }
    .desktop-dropdown .dropdown-body .dropdown-link {
        display: block;
        font-size: 1.1rem;
    }
    .desktop-dropdown .dropdown-label {
        background-color: var(--darkBlue);
        color: #fff;
        position: relative;
        width: 3.5rem;
    }
    .desktop-dropdown .dropdown-label h5 {
        color: #fff;
        font-size: .9rem;
        font-weight: 700;
        left: 50%;
        letter-spacing: 3px;
        position: absolute;
        text-transform: uppercase;
        top: 1rem;
        transform-origin: 0 0;
        transform: rotate(90deg) translateY(-50%);
        margin: 0;
        white-space: nowrap;
    }
    .desktop-dropdown .dropdown-label h5:after {
        background-color: #fff;
        content: '';
        height: 2px;
        left: calc(100% + .5rem);
        position: absolute;
        top: calc(50% - 1px);
        width: 50px;
    }
    .main-nav .navbar-brand img {
        height: 70px
    }
    .main-nav .nav-link {
        font-size: 1.1rem;
    }
    .main-nav .nav-link.nav-btn {
        font-size: 1rem;
    }
}
/* /Main Nav */

/* Page Box */
.boxed-copy a {
    font-weight: 700;
}
.boxed-copy a:hover {
    color: var(--ctaBlue);
    filter: brightness(1.2);
}
.d-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}
.grid-logo {
    width: 100%;
}
.inline-image.full-width {
    margin: 0 0 1rem 0;
    width: 100%;
}
.inline-image.left-aligned {
    float: left;
    margin: 0 1rem 1rem 0;
    width: 40%;
}
.inline-image.right-aligned {
    float: right;
    margin: 0 0 1rem 1rem;
    width: 40%;
}
.inline-image img {
    width: 100%;
}
.page-box-inner {
    background-color: #fff;
    padding: 1rem;
    margin-top: -2rem;
}
.page-box-inner.up {
    margin-top: -8rem;
}
.page-box-outer {
    position: relative;
    padding-bottom: 2rem;
}
.page-box-outer:after {
    background-color: var(--paleBlue);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10;
}
.spacer {
    width: 100%;
}
@media only screen and (min-width: 576px) {
    .d-title {
        font-size: 2.75rem;
    }
}
@media only screen and (min-width: 768px) {
    .d-title {
        font-size: 3rem;
    }
}
@media only screen and (min-width: 992px) {
    .page-box-inner {
        padding: 2rem;
        margin-top: -3rem;
    }
    .page-box-inner.up {
        margin-top: -10rem;
    }
    .page-box-outer {
        padding-bottom: 3rem;
    }
    .d-title {
        font-size: 3.25rem;
        margin-bottom: 1.5rem;
    }
}
@media only screen and (min-width: 1200px) {
    .d-title {
        font-size: 3.5rem;
        margin-bottom: 2rem;
    }
    .page-box-inner {
        padding: 3rem;
        margin-top: -4rem;
    }
    .page-box-inner.up {
        margin-top: -13rem;
    }
    .page-box-outer {
        padding-bottom: 4rem;
    }
}
@media only screen and (min-width: 1400px) {
    .d-title {
        font-size: 3.75rem;
    }
    .page-box-inner {
        padding: 4rem;
        margin-top: -5rem;
    }
    .page-box-inner.up {
        margin-top: -16rem;
    }
    .page-box-outer {
        padding-bottom: 4rem;
    }
}
/* /Page Box */

/* Page Hero */
.page-hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 160px;
}
.page-hero.blue {
    background: var(--ctaBlue);
}
@media only screen and (min-width: 992px) {
    .page-hero {
        height: 200px;
    }
}
@media only screen and (min-width: 1200px) {
    .page-hero {
        height: 250px;
    }
}
@media only screen and (min-width: 1400px) {
    .page-hero {
        height: 300px;
    }
}
/* /Page Hero */

/* Page Nav */
@media only screen and (max-width: 1200px) {
    .page-nav .btn-std {
        display: inline-block;
    }
}
@media only screen and (min-width: 1200px) {
    .page-nav.above{
        float: right;
        width: 180px;
        margin-left: 1.5rem;
    }
}
@media only screen and (min-width: 1400px) {
    .page-nav.above {
        float: right;
        width: 200px;
    }
}
/* /Page Nav */

/* People Grid */
.person-image {
    border-radius: 200px;
    overflow: hidden;
    transition: all .3s;
}
.person-image img {
    width: 100%;
}
.person-link {
    text-decoration: none;
}
.person-link:hover .person-image {
    filter: brightness(1.05);
    transform: scale(1.025);
}
.person-link h3 {
    transition: all .3s;
}
.person-link:hover h3 {
    color: var(--ctaBlue);
}
.person-link p {
    color: var(--darkBlue);
}
/* /People Grid */

/* Person Detail */
.person-detail .person-copy h1 {
    margin: 0;
}
.person-detail .person-copy .person-contact-link {
    color: var(--ctaBlue);
    font-weight: 700;
    text-decoration: none;
}
.person-detail .person-copy .person-contact-link:hover {
    filter: brightness(1.25);
}
.person-detail .person-image {
    border-radius: 500px;
}
/* /Person Detail */

/* Post Hero */
.post-byline {
    font-size: 1.1rem;
}
.post-flex-content a {
    font-weight: 700;
}
.post-flex-content a:hover {
    color: var(--ctaBlue);
    filter: brightness(1.2);
}
.post-flex-content .btn-std:hover {
    color: #fff;
}
.post-hero-image {
    width: 100%;
}
/* /Post Hero */

/* Pre Nav */
.pre-nav {
    background-color: var(--darkBlue);
    color: #fff;
    font-size: 14px;
    padding: .25rem 0;
}
.pre-nav a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}
.pre-nav a:hover {
    text-decoration: underline;
}
.pre-nav-link {
    margin-bottom: .2rem;
    margin-top: .2rem;
}
.logo-link-label {
    margin-top: .2rem;
}
.pre-nav-logo {
    height: 23px;
    margin-right: .5rem;
    margin-top: -.25rem;
}
/* /Pre Nav */

/* Pull Quotes */
.quote-attribution {
    color: var(--darkBlue);
    font-size: 1.25rem;
    font-weight: 700;
}
.quote-copy {
    color: var(--darkBlue);
    font-size: 1.5rem;
}
/* /Pull Quotes */

/* Search Form */
.search-form input {
    border-radius: 0;
}
.search-form button {
    background-color: var(--darkBlue);
    border:none;
    color: #fff;
    font-weight: 700;
    padding: 0 0.75rem;
    transition: all .3s;
}
.search-form button:hover {
    background-color: var(--ctaBlue);
}
/* /Search Form */

/* Tool Pages */
.last-chapter-card {
    align-items: center;
    background: #fff;
    display: flex;
    gap: 24px;
    transition: all .3s;
}
.last-chapter-card:hover * {
    color: var(--ctaBlue);
}
.last-chapter-card:hover img {
    filter: brightness(1.1);
}
.last-chapter-card img {
    flex-shrink: 0;
    height: auto;
    max-width: 100px;
    transition: all .3s;
    display: none;
}
.last-chapter-card div {
    color: var(--darkBlue);
    transition: all .3s;
}
.tool-account-panel {
    background-color: var(--lightBlue);
    float: right;
    margin-bottom: 1rem;
    margin-left: 1rem;
    padding: 1rem;
    width: 45%;
}
.tool-account-panel .account-link {
    display: block;
    font-size: .8rem;
    font-weight: 700;
}
.tool-account-panel h4 {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
}
.tool-account-panel hr {
    border-color: #fff;
    border-top-width: 2px;
    opacity: 1;
}
.tool-account-panel p {
    font-size: .8rem;
    overflow-wrap: break-word;
}
.tool-back {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    margin-top: -2rem;
}
.tool-back a {
    color: var(--darkBlue);
    transition: all .3s;
}
.tool-back a:hover {
    color: var(--ctaBlue);
}
.tool-welcome-modal .modal-content {
    border-radius: 0;
}
.tool-welcome-modal .modal-footer {
    justify-content: flex-start;
}
.tool-welcome-modal .modal-title {
    font-family: 'GranjonLTStd';
    font-size: 2.5rem;
}
@media only screen and (min-width: 576px) {
    .tool-account-panel {
        margin-right: -6vw;
    }
}
@media only screen and (min-width: 768px) {
    .tool-account-panel {
        margin-bottom: 1.5rem;
        margin-left: 1.5rem;
    }
    .last-chapter-card img {
        display: block;
    }
}
@media only screen and (min-width: 992px) {
    .tool-account-panel {
        padding: 1.5rem;
        margin-bottom: 2rem;
        margin-right: -5vw;
        margin-left: 2rem;
        width: 40%;
    }
    .tool-account-panel .account-link,
    .tool-account-panel h4,
    .tool-account-panel p {
        font-size: .9rem;
    }
}
@media only screen and (min-width: 1050px) {
    .tool-account-panel {
        margin-right: -5rem;
    }
}
@media only screen and (min-width: 1200px) {
    .tool-account-panel {
        margin-right: -6rem;
        width: 38%;
}
@media only screen and (min-width: 1400px) {
    .tool-account-panel {
        margin-right: -7rem;
        width: 36%;
    }
}
/* /Tool Pages */

/* Tooltips */
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--ctaBlue);
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--ctaBlue);
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--ctaBlue);
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--ctaBlue);
}
.tooltip-inner {
    background-color: var(--ctaBlue);
}
/* /Tooltips */