/* Hero Video Row */

.hero-content.textlocation-center{
    padding:1rem !important;
}

.hero-content.textlocation-center .rich-text {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
}

.hero-content .rich-text > p {
	 max-width: 32rem;
}

 .hero-donations-wrapper {
	 width: 100%;
	 display: flex;
	 flex-direction: row;
	 align-items: flex-start;
	 justify-content: space-between;
	 background: #2b6092;
	 border-radius: 12px;
	 padding: 1.5rem 0.5rem 0.5rem;
}

 .hero-donations-wrapper > div {
	 width: 100%;
}

.hero-donations-wrapper > div > p {
    margin: 0 !important;
    text-transform: uppercase;
}

.hero-donations-wrapper > div > .BB-key-metric {
    max-width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-donations-wrapper > div.left-box > .BB-key-metric {
    transform: translatex(calc(50% - 9.5rem));
}

.hero-donations-wrapper > div.right-box > .BB-key-metric {
    transform: translateX(calc(50% - 3.8rem));
}

.hero-donations-wrapper > div > .BB-key-metric > iframe {
    height: 4.8rem;
    margin: 0 !important;
}

.BB-key-metric[id="key-metric-8e007d7a-95c7-4dfb-9a61-ac43b2572a0a"] .BB-key-metric-header-wrapper,
.BB-key-metric[id="key-metric-8e007d7a-95c7-4dfb-9a61-ac43b2572a0a"] .BB-key-metric-header-wrapper {
    justify-content: center;
}

.BB-key-metric[id="key-metric-8e007d7a-95c7-4dfb-9a61-ac43b2572a0a"] .BB-key-metric-major-text,
.BB-key-metric[id="key-metric-8e007d7a-95c7-4dfb-9a61-ac43b2572a0a"] .BB-key-metric-major-text {
    color: white !important;
}

.hero-content .button-wrapper .button {
    border-radius: 6px;
}

/* Giving Options Header Row */

 .row-giving-options-header {
	 padding-bottom: 1.4rem !important;
	 border-bottom: 0 !important;
}
 .row-giving-options-header h2 {
	 font-size: 3.2rem !important;
	 font-family: Roboto, 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	 font-weight: 700 !important;
	 margin-bottom: 1rem !important;
}
 .row-giving-options-header p {
	 max-width: 48rem;
	 font-family: Roboto, 'Lato', sans-serif !important;
	 font-size: 1.4rem !important;
	 line-height: 1.5 !important;
	 color: #2c2c2c;
}

/* Giving Options Cards Row */

 .row-giving-options-cards {
	 border-top: 0px !important;
}

.row-giving-options-cards a.card {
    border-radius: 12px !important;
    overflow: hidden;
    text-align:center;
    padding-bottom:4.2rem !important;
}

.row-giving-options-cards .card h2 {
    margin-bottom: 0.5rem !important;
}

.row-giving-options-cards .button {
    left: 1rem;
    right: 0;
    width: calc(100% - 3rem);
    max-width: 100% !important;
    background: #294661 !important;
    color: white !important;
    border-color: #002242 !important;
    border-radius: 6px;
    font-size: 1.1rem !important;
}

.row-giving-options-cards .card:hover .button,
.row-giving-options-cards .card:active .button,
.row-giving-options-cards .card:focus .button{
    background: #2b6092 !important;
}

/* Follow Us On Social Media Row */

.row-follow-us-on-social-media h2 {
    max-width: 65rem;
    margin: auto;
    font-size: 3.2rem !important;
    font-family: Roboto, 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
}

 .row-follow-us-on-social-media .sub-nav-vertical {
	 display: flex;
	 background: none;
	 border: none;
	 justify-content: center;
	 gap: 1rem;
}
 .row-follow-us-on-social-media .sub-nav-vertical li {
	 border: none !important;
}
 .row-follow-us-on-social-media .sub-nav-vertical li a {
	 border: 2px solid white;
	 padding: 0.2rem 1.25rem;
	 border-radius:6px;
}

.row-follow-us-on-social-media .sub-nav-vertical li a:active,
.row-follow-us-on-social-media .sub-nav-vertical li a:focus,
.row-follow-us-on-social-media .sub-nav-vertical li a:hover {
    text-decoration: none !important;
    background: white !important;
    color: #00274b !important;
}

.row-follow-us-on-social-media .sub-nav-vertical li a:active:before,
.row-follow-us-on-social-media .sub-nav-vertical li a:focus:before,
.row-follow-us-on-social-media .sub-nav-vertical li a:hover:before{
    content:none;
    display:none;
}

/* Mobile Styles */

@media only screen and (max-width: 46rem){
    .hero-content .rich-text > p {
    	 max-width: 85%;
    }
    
    .hero-donations-wrapper{
        flex-direction:column !important;
        max-width:92%;
    }

    .row-follow-us-on-social-media .sub-nav-vertical{
        flex-wrap: wrap;
    }

    .row-follow-us-on-social-media .sub-nav-vertical li {
        flex-basis: calc(50% - 2rem);
    }
}