/* Default Override */

.display-none {
    display: none
}

h2.homepage-header {
    font-size: 48px;
    margin-bottom: 40px;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #586644;
    text-align: center;
}


/* Homepage Hero */

.news-slide {
    background-size: cover!important;
    background-position: center center!important;
    height: 500px;
}

.news-slide>div.container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: end;
    align-items: end;
    height: 500px;
}

.news-slide>div.container>div {
    width: 100%;
    max-width: 450px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    background: rgba(255, 255, 255, .85);
    padding: 2rem;
    margin: 0;
    text-align: left;
}
.news-slide>div>div>h3 {font-size:36px}
.news-slide>div>div>time{text-transform:uppercase;margin-bottom:1rem}
.news-slide>div>div>p{margin-bottom:2rem;}
#hero-slider .carousel-indicators {bottom:-65px}
#hero-slider {margin-top: -10px;}


/* Homepage Events */

.slick-slide {
    display: block;
    padding: 1.5rem
}

.block-views-blockupcoming-events-rotator-upcoming-events .view-upcoming-events-rotator .slide__content,
.slide__content,
.slide__title {
    padding: 0
}

div.slide__data>h2 {
    padding: 0 1rem !important;
    height: 130px
}

.views-field-field-address-administrative-area,
.views-field-field-address-country-code,
.views-field-field-address-locality {
    font-weight: 400 !important
}

.block-views-blockupcoming-events-rotator-upcoming-events .slick-list {
    margin-bottom: 0px;
}

.block-views-blockupcoming-events-rotator-upcoming-events .view-upcoming-events-rotator .slide__content .slide__caption .slide__data:hover .slide__description .views-field>span {
    font-size: 13px
}

.views-field-field-address-administrative-area:after,
.views-field-field-address-locality:after {
    content: " "
}

.views-field-field-event-date {
    width: 100%
}

.view-upcoming-events-rotator>.more-link {
    margin-top: 1.5rem
}

.view-upcoming-events-rotator>.more-link>a {
    background: #df5400;
    border-radius: 0;
    color: #ffffff;
    font-family: "nimbus-sans-condensed", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    max-width: 100%;
    padding: 15px 25px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    white-space: normal;
    word-wrap: break-word;
    margin-bottom: 4rem;
}

.block-views-blockupcoming-events-rotator-upcoming-events {
    padding: 40px 0 8rem;
}

#block-views-block-upcoming-events-rotator-upcoming-events>div.content::before {
    position: absolute;
    width: 85%;
    right: 0;
    top: 100px;
    background: #586644;
    height: 230px;
    display: table;
    content: ' ';
    z-index: -99999;
}

@media (min-width: 575.98px) {
    #slick-views-upcoming-events-rotator-block-upcoming-events-1-slider>ul {
        display: none
    }
}

#block-views-block-upcoming-events-rotator-upcoming-events>div.content {
    position: relative
}

#block-views-block-upcoming-events-rotator-upcoming-events>div.content::before {
    position: absolute;
    width: 85%;
    right: 0;
    top: 100px;
    background: #586644;
    height: 230px;
    display: table;
    content: ' ';
    z-index: revert-layer;
}

/* Latest Publications */

.block-views-blockheadline-news-block-1,
.block-views-blocklatest-publications-block-1 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.08);
}


/* Featured Content */

#block-views-block-featured-content-block-1 {
    background: url(/themes/custom/ausa/dist/images/halftone.png) repeat 0 0;
    padding: 40px 0 50px;
    width: 100%;
    text-align: center;
}

#block-views-block-featured-content-block-1 h2 {
    font-size: 48px;
    margin-bottom: 40px;
    margin-top: 2rem;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 300;
}

#block-views-block-featured-content-block-1 .view-content {
    width: 100%;
    max-width: 1100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}

#block-views-block-featured-content-block-1 .view-content>div>a {
    padding: 0;
    height: 240px;
    border: 5px solid #d7d3bc;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover !important;
    margin-bottom: 2rem;
}

#block-views-block-featured-content-block-1 .view-content>div>a>h3 {
    color: white;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
    font-size: 40px;
    background: rgba(0, 0, 0, 0.2);
    padding: 0.5rem 2rem;
    height: 100%;
    width: 100%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}




.path-frontpage .featured-bottom .region-featured-bottom-second {
    background: url(/themes/custom/ausa/dist/images/beige-honeycomb.png);
    background-color: #d7d3bc;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.path-frontpage .featured-bottom .region-featured-bottom-second {
    background: url(/themes/custom/ausa/dist/images/beige-honeycomb.png);
    background-color: #d7d3bc;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}

/* Outreach Slider */

#block-views-block-outreach-block-1 {
    width: 100%;
    background: #e8e6d7;
    padding: 5rem 0 0;
}

#block-views-block-outreach-block-1 h2 {
    font-size: 48px;
    margin-bottom: 40px;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #586644;
    text-align: center;
}

.carousel-indicators li {
    background-color: #586644;
    height: 0.5rem;
}

.carousel-control-prev,
.carousel-control-next {
    filter: invert(55%) sepia(72%) saturate(7283%) hue-rotate(16deg) brightness(100%) contrast(102%);
}

.outreach-row {
    max-width: 600px;
    margin: 0px auto;
}

.outreach-row>div>img {
    max-width: 270px;
    margin: 0 auto 1rem;
}

#outreach-slider .carousel-inner {
    height: 300px;
    margin-bottom: 3rem
}

@media (max-width: 575.98px) {
    #outreach-slider .carousel-inner {
        height: 462px !important;
        text-align: center;
        margin-bottom: 0;
    }

    .outreach-row div img {
        max-width: 200px !important;
        margin: 0 auto 1rem;
    }
}

#outreach-slider .carousel-control-prev,
#outreach-slider .carousel-control-next {
    width: 5%
}


/* National Partners */

.block-views-blocksupport-our-sponsors-block-1 {
background: url(/themes/custom/ausa/dist/images/halftone.png) repeat 0 0;
border-top:10px solid #d7d3bc;
padding-top: 5rem;
}
.block-views-blocksupport-our-sponsors-block-1 .slick__slide {
    -webkit-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
    
}

.view-support-our-sponsors .view-content {
    max-width: 1920px;
}


/* Industry Guide Block */



#block-homepageindustryguide {
    width: 100%
}

#industry-guide>div {
    width: 100%;
    background: #e8e6d7;
    padding: 2rem 1rem;
    margin: 0;
    text-align: center;
}


/* Contact Us Form */

#block-webform {
    width: 100%;
    background: url(/themes/custom/ausa/dist/images/halftone.png) repeat 0 0;
    padding: 5rem 1rem;
    margin: 0;
    border-top: 10px solid #d7d3bc;
    border-bottom: 10px solid #d7d3bc;
}

#block-webform h2 {
    font-size: 48px;
    margin-bottom: 40px;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #586644;
    text-align: center;
}

#block-webform div.content {
    max-width: 800px;
    margin: 0 auto;
}


#block-webform div.content div form {
    display: flex;
    flex-wrap: wrap;
}
#block-webform div.fieldset-wrapper {
    display: flex;
}

fieldset.js-webform-type-webform-name {width: 100%}
fieldset.js-form-item-email, fieldset.js-form-item-phone-number, fieldset.js-form-item-full-name-first, fieldset.js-form-item-full-name-last {
    max-width: 48%;
    width: 100%;
    margin:1%;
}
fieldset.js-form-item-message, fieldset.form-item-subject {    
    max-width: 98%;
    width: 100%;
    margin: 1%;
    
}


.webform-form-wrapper .webform-submission-form > .form-group fieldset {
    margin-bottom: 0;
}
.webform-form-wrapper {
    padding: 0;
}
#block-webform .form-type-processed-text {width: 100%;text-align: center}


#block-webform .js-form-item > label {color: #333!important;font-weight: 400!important}

#block-webform .form-actions{
margin-right: 1%;
    width: 100%;
    text-align: right;
}



/* Homepage Footer */

.site-footer .site-footer__top {
    background: white;
    background-size: 100%;
    min-height: 400px;
    padding:60px 1rem;
}

#block-followus {
    list-style: none
}

#block-followus li {
    display: inline-block;
    padding-left: 0;
}

#block-followus li.menu-item a {
    background: white;
    border-radius: 40px;
    display: flex;
    height: 30px;
    overflow: hidden;
    color: #3a4729;
    padding: 8px;
    position: relative;
    text-align: left;
    width: 30px;
    justify-content: center;
    transition: ease .5s;
}

#block-followus li.menu-item a span {
    display: none
}


/* Mobile Queries */

/* SM - Tablet, Mobile */
@media (max-width: 768px) {
    #block-views-block-support-our-sponsors-block-1 {
        height: 24em;
    }
}

@media screen and (min-width: 2000px) {
    #hero-slider {
        margin: -10px auto 0px;
        max-width: 1920px;
    }
}



/* Live Streams */


.live-stream_theater-frame {
    width: 100%;
    background: url(/themes/custom/ausa/dist/images/dark-honeycomb.png) repeat;
    background-color: #231F20;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
    padding: 0;
    text-align: center;
    border-bottom: 5px solid #d7d3bc;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    background-color: #231F20;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.live-stream_sidebar-box {
    background: #fff;
    border: 1px solid #d7d3bc;
    margin-bottom: 2em;
    padding: 20px;
    width: 100%;
}

.live-stream_sidebar-box h2 {
    margin-bottom: 0
}

.live-stream_sidebar-box>div>div>div {
    padding: 0
}

.live-stream_content-block {
    margin-bottom:2rem;
        background: #edebe2;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    border: 1px solid #d7d3bc;
    border-radius: 5px;
}
span.a2a_svg > a > span {background-color:#586644!important}
span.a2a_svg:hover {background-color:#3A4729!important}

.live-stream_tags-list {list-style:none;padding-left:0;margin:1rem 0;display:inline;}
.live-stream_tags-list li {display:inline}

.comment-wrapper h2.title {font-size:30px;}

.card {    width: 100%;
    margin: 0;
    padding: 0;
        background-color: inherit;
    background-clip: border-box;
    border: none;
    border-radius: 0;
}
.comment__author span span {
    white-space: nowrap;
    font-size: 15px;
    font-weight: bold;
    color:#df5400;
}

.comment__meta.col-sm-3 > small > span > a {
    font-size: 15px;
    font-weight: bold;
}


.card-body {padding:0;}
.field--name-comment-body p {font-size:15px}
.card-body h3 {display:none}
.comment__content:before {display:none}
.comment__content:after {display:none;}


@media (max-width: 575.98px) {
    .live-streams_item {width:100%;}
    .live-streams_item>a {
            float: left;
    width: 150px;
    padding: 0.5rem;
    }
    .live-streams_item>div {
    padding: 0.5rem;
    }

.live-streams_item div a {
    display: inline;

}
    }


/* Events */
.node--type-event.path-node .field--name-field-event-date .datetime {
    font-size: 36px;
    text-align: center;
    display: block;
}
    /* CLP */


#block-chapterresources,
#block-leaderlinks {
    border: 2px solid #d7d3bc !important;
    margin: 15px 0;
    padding: 15px;
}

#block-chapterresources ul.menu,
#block-leaderlinks ul.menu {
    list-style: none;
    display: flex !important;
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: center
}

#block-chapterresources ul.menu li,
#block-leaderlinks ul.menu li {
    margin: .5rem;
    min-width: 180px;
    max-width: 320px;
    width: 100%;
}

#block-chapterresources ul.menu li a,
#block-leaderlinks ul.menu li a {
    color: white !important;
    font-weight: bold;
}

#block-chapterresources h2,
#block-leaderlinks h2 {
    text-align: center;
    font-size: 28px;
    margin-bottom: 10px;
}

.leader-links-block a {
    padding: 0 !important
}

.field--name-field-chapter-links .field__item {
    float: none;
    width: 100%;
    padding: 0 1rem;
}

.field--name-field-chapter-links div a {
    border: 0;
    border-radius: 0;
    color: #fff;
    font-family: "nimbus-sans-condensed", Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 22px;
    max-width: 100%;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    white-space: normal;
    word-wrap: break-word;
    background: #df5400;
    width: 100%;
    display: block;
}

.node--type-chapter .clp-banner {
    background: #586644;
}
#block-views-block-chapter-activity-reports-block-1 > div.content > div > div > div.view-content > div {border-top: 1px solid #d7d3bc}
#block-views-block-chapter-activity-reports-block-1 > div.content > div > div > div.view-content > div div {    display: inline;
    font-weight: bold;
    padding-right: .25rem;}

.view-id-chapter_activity_reports {padding: 0 1rem 1rem}



/* Membership Card Redesign */

.membership-card .card-header .logo {
    max-width: 260px;
    margin: 0 auto;
}

.membership-card .card-header,
.membership-card .card-footer {
    background-color: #434b1e;
}

.membership-card .card-footer .email::after {
    background-color: #bac599;
}

.membership-card .member-info .membership-group .field-content {
    background-color: #bac599;
    color: #434b1e;
    text-align: center;
    text-transform: uppercase
}

@media print {

    .no-print,
    .no-print * {
        display: none !important;
    }
}


/* Donation Page */
.donationHighlight div h1 {color: #586644;text-align: left;margin-bottom: 2rem;text-align:center;}
.donationHighlight div div {max-width: 240px;margin: 0 auto;}
.donationHighlight div div strong {display: block;text-align: center;margin: 2rem auto 1rem;}
.donationHighlight div a:first-of-type {margin-top: 1rem;}
.btn-forest {background: #586644!important}
.btn-forest:hover {background: #4e5a3c!important}
.btn-ghost {background: none!important;width: 100%;color: white;border: 2px solid white;}
.btn-ghost:hover {color: white;border: 2px solid white;}
#block-webform-2 {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 2rem;
}

.program-box {
    background: white;
    border-radius: 8px;
    margin-bottom: 2rem;
    position: relative;
    z-index: 9;
    box-shadow: 8px 8px 0px #A2AE71;
}


.program-box img {
    border-radius: 8px 8px 0 0
}

.program-box h3 {
    text-align: center;
    padding: 1rem 1rem 0;
    font-size: 32px;
    text-transform: none;
}

.program-box p {
    text-align: center;
    padding: 0rem 1rem 2rem;
    font-weight: 500;
    color: #586644;
}


.node__content {
    margin-top: 0px;
}

.headerBanner {
    min-height: 580px;
    height: 100%;
    width: 100%;
    background: url(https://www.ausa.org/sites/default/files/individual-membership-header.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
}

.donationHighlight-former {
    max-width: 480px;
    height: 100%;
    padding: 2rem 1rem;
    background: rgba(255, 255, 255, 0.75);
    color: white;
    position: absolute;
    right: 15%;
    text-align: center;
}

.highlightHolder {
    background: #2b361d;
    padding: .5rem;
    text-align: center;
    border-radius: 3px;
    border: 3px solid #f2bc48;
    font-size: 18px;
    color: #f2bc48;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.highlightHolder span {
    font-size: 36px;
    font-weight: bold;
    display: block;
    color: white;
}

.donationHighlight small {
    letter-spacing: .05rem;
    font-style: italic;
}

.donationHighlight h1 {
    color: #586644;
    font-size: 50px;
    margin-bottom: 0;
}

.type-description {
    text-align: center;
    margin-top: .5rem;
    margin-bottom: 1rem;
}


.membershipCard {
    text-align: center;
}

.membershipCard img {
    max-width: 300px;
    margin: 0 auto;

}

.zoom-box {
    position: relative;
    display: inline-block;
}

.zoom-box:hover .zoom-icon {
    display: block;
    font-size: 50px;
}

.zoom-icon {
    position: absolute;
    top: 40%;
    display: none;
    width: 100%;
    text-align: center;
}

.zoom-icon a {
    color: #fff;
    padding: 2rem 1.5rem;
    background: rgba(58, 71, 41, 0.8);
}

.zoom-icon a img {
    height: 80px;
    width: 80px;
}

.green-soldier-block {padding: 6rem 0;background: url(https://www.ausa.org/sites/default/files/ausa-donation_how-will-you-support_bg.jpg);background-size: cover;background-position: left;}

.green-soldier-block div.container {max-width:600px;}
.green-soldier-block div h2 {font-size:42px;text-align: center;color:#F3B82E}
.quote {
    background: #586644;
    padding: 3rem 0
}
.tan-promise-block {padding:5rem 0;background: #e8e6d7;border-top: 5px solid #d7d3bc;border-bottom: 5px solid #d7d3bc;}
.tan-promise-block div h2 {text-align: center;font-size: 60px;margin-bottom: 3rem;}

.quotes {
    position: absolute;
    color: rgba(255, 255, 255, 0.5);
    font-size: 5em;
}

.leftq {
    top: -25px;
    left: 5px;
}

.rightq {
    bottom: -10px;
    right: 5px;
}


.donation-header {
    background: url(https://www.ausa.org/sites/default/files/2025-donation-header_banner.jpg);
    min-height: 420px;
    height: 100%;
    width: 100%;
    background-position: left center;
    background-size: cover;
    position: relative;
}

.donationHighlight {
    height: 100%;
    min-height: 420px;
    padding: 3rem 1rem;
    background: rgba(255, 255, 255, 0.6);
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

@media (max-width: 600px) {
    .type-description {
        margin: 1rem 0 2rem;
    }

    .wins-container {
        height: 360px !important;
        text-align: center
    }

    .wins-container div {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media (max-width: 1200px) {
    .donationHighlight {
        padding: 2rem 1rem;
    }


    .highlightHolder span {
        font-size: 24px;
    }

    .xs-disappear {
        display: none;
    }

    ul.no_bullet li {
        margin-bottom: 3rem;
    }
}

.header-button {
    font-size: 2.25rem;
    display: block;
    padding: 1rem;
    margin-bottom: .5rem;

}



/*  List Icon Style  */
ul.no_bullet {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.no_bullet li {
    height: 44px;
    padding-left: 64px;
    margin-bottom: 2rem;
    background-size: contain;
    font-weight: bold;
}

li.connect {
    background: url('https://www.ausa.org/sites/default/files/connect-icon.png') no-repeat left top;
}

li.knowledge {
    background: url('https://www.ausa.org/sites/default/files/knowledge-icon.png') no-repeat left top;
}

li.inform {
    background: url(https://www.ausa.org/sites/default/files/inform-icon-1.png) no-repeat left top;
}

li.seal {
    background: url(https://www.ausa.org/sites/default/files/seal-icon.png) no-repeat left top;
}

li.support {
    background: url(https://www.ausa.org/sites/default/files/support-icon.png) no-repeat left top;
}

.light-green-bar {
    width: 100%;
    background: #7e8953;
    padding: 2rem 0;
}

.light-green-bar_header{text-align: center;font-weight: 500;font-size: 36px;line-height: 1.4;color:white;font-family: 'proxima-nova', sans-serif;}
.light-green-bar_text {font-size: 24px;line-height: 1.4;color:white;text-align:center;font-family: 'proxima-nova', sans-serif;font-weight:300}

.progress {
    width: 100%;
    height: 20px;
}

.progress-wrap {
    background: #586644;
    margin: .25rem 0;
    overflow: hidden;
    position: relative;
}

.progress-wrap .progress-bar {
    background: #ddd;
    left: 0;
    position: absolute;
    top: 0;
    margin-top: -2px;
}

.webform-form-wrapper .page-block-title h2 {
    display: none
}

.webform-submission-form {
    display: flex;
    flex-wrap: wrap;
}

#block-webform-2 {
    max-width: 800px;
    margin: 0 auto 3rem;
    padding-bottom: 6rem;
}

#block-webform-2 legend {
    font-weight: bold;
    color: #333;
    font-size: 15px;

}

.form-control {
    height: 40px;
}

textarea.form-control {
    height: 200px;
}

.js-webform-type-webform-telephone {
    margin: 1%;
    width: 48%
}

#edit-full-name--wrapper>div {
    display: flex
}

.webform-form-wrapper .webform-submission-form>.form-group fieldset label {
    font-weight: bold;
    color: #333;
}

.form-required {
    font-weight: bold;
    color: #333;
}

.form-actions {
    text-align: right;
    width: 100%;
}

.modal-dialog {
    width: 100%;
    max-width: 720px !important;
    padding: 1 2rem;
}

@media screen and (max-width: 575.98px) {
    .donation-header {
        min-height: 350px;
    }
}

.wins-container {
    background-size: cover !important;
    background-position: center center !important;
    border: 1px solid #d7d3bc;
    margin-bottom: 2rem;
    height: 100%;
}

.wins-container div {

    padding: 2rem 2rem 1rem;
    height: 100%;
}

.wins-container div p {
    color: white;
    font-size: 24px;
    line-height: 1.6;
    text-shadow: rgba(0, 0, 0, .9) 1px 1px 1px;
    font-family: 'proxima-nova', sans-serif;
    font-weight: 500;
}

#scrollerModal .modal-header .close {
    float: right;
    font-size: 3rem;
    color: white;
}

#scrollerModal .modal-header {
    width: 100%;
    background: #586644
}

#scrollerModal .modal-header h2 {
    color: white;
    width: 100%;
    text-align: center;
}

/* Annual Meeting Popup */

#block-am2024popup h2 {display:none}
.spb-popup-main-wrapper {margin:0!important;width:100%!important}
.spb-popup-main-wrapper > .block .content {padding:0!important}
@media (min-width: 768px) {
    .spb-popup-main-wrapper {
        max-width: 600px;

    }
}
.spb-popup-main-wrapper .spb-controls .spb_close {
        background: none;
    border-radius: 100%;
    height: 42px;
    font-size: 40px;
    color: rgba(0, 0, 0, .3);
    border: 2px solid rgba(0, 0, 0, 0.3);
    font-weight: bold;
    line-height: 40px;
    margin: 1rem;
}
.btn-primary.spb_close {margin:0 0 0 1rem;}
.carousel-indicators{z-index:1}
#block-am2024popup {z-index:9999}
.btn-ghost-grey {
    margin-top: 2rem;
    letter-spacing: .1rem;
    font-size: 22px;
    padding: 1rem 1.5rem;
    box-sizing: border-box;
    background: none !important;
    color: rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(0, 0, 0, 0.3);
}

.btn-ghost-grey:hover {
    background: none !important;
    color: #df5400;
    border: 2px solid #df5400;
}

button:focus,
a:focus {
    outline: none;
}


/* Benefits View Page Styles */
#benefits {
    background: url(/themes/custom/ausa/dist/images/beige-honeycomb.png);
    background-color: #d7d3bc;
    padding: 5rem 0 3rem;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);

}

.benefit-view_header {
    font-size: 64px;
    text-align: center;
    margin: 3rem auto;
}

.benefit-view_header small {
    display: block
}

#benefits img {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.08);
}

#benefits h3 {
    color: #586644;
    font-size: 30px;
    margin-bottom: 0;
    text-transform: none;
    font-family: "nimbus-sans", Helvetica, Arial, sans-serif;
    line-height:normal
}

#benefits h3 small { font-size:70% }

#benefits .col-lg-5 {
    padding: 0 3rem
}

#benefits .row {
    align-items: center;
    margin-bottom: 3rem;
}

#benefits .btn-primary {
    margin-top: 2rem;
    letter-spacing: .1rem;
    font-size: 22px;
    padding: 1rem 1.5rem;
}

#benefits .discount-code { margin-top:1rem;font-weight:bold }

#benefits .discount-code strong { color:#df5400 }

.row-director-forward {
    flex-direction: row;
}

.row-director-reverse {
    flex-direction: row-reverse;
}

.row-director-forward div.col-lg-5,
.row-director-reverse div.col-lg-5 {
    z-index: 8;
}

.row-director-forward div.col-lg-7 .benefit-information-wrapper {
    flex: 1;
    margin-left: -7.5rem;
    padding: 3rem 3rem 3rem 7rem;
    background-color: #ffffff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.08);
}

.row-director-reverse div.col-lg-7 .benefit-information-wrapper {
    flex: 1;
    margin-right: -7.5rem;
    padding: 3rem 7rem 3rem 3rem;
    background-color: #ffffff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.08);
}

/* More Benefits */
section.more-benefits {
    padding: 6rem 3rem;
}

section.more-benefits h2 {
    text-align: center;
    font-size: 54px
}

div.more-benefits-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

div.more-benefits-box div {
    text-align: center;
    max-width: 280px;
    margin: 1rem 1rem 2rem 1rem;
    padding: 0 4rem;
}

.more-benefits-box div a h4 {
    font-size: 20px;
}

#featured-benefits {
    padding:6rem 0 6rem;
    background: url(/themes/custom/ausa/dist/images/halftone.png) repeat 0 0;
}

#featured-benefits h2 {
    text-align:center;
    font-size: 54px;
    padding:0;
    margin-bottom:2rem;
}

#featured-benefits .col-md-2 {margin-bottom:2rem}

#block-views-block-member-benefits-featured-benefits { width:100% }
#block-views-block-member-benefits-featured-benefits .view-content {padding:0}

/*  Benefits View Page Mobile Styles */
@media (max-width: 991.98px) {
    #benefits .col-lg-5 {
        padding: 0
    }

    #benefits img {
        box-shadow: none;
    }

    .benefit-view_header small {
        font-size: 36px;
    }

    .row-director-reverse div.col-lg-7 .benefit-information-wrapper {
        margin-right: 0rem;
        padding: 2rem;
    }

    .row-director-forward div.col-lg-7 .benefit-information-wrapper {
        margin-left: 0rem;
        padding: 2rem;
    }

    section.more-benefits {
        padding: 3rem 0;
    }

    .more-benefits-box div a h4 {
        font-size: 16px;
    }

    div.more-benefits-box div {
        text-align: center;
        max-width: 120px;
        margin: 1rem;
        padding: 0;
    }

    .col-lg-5 img {
        margin: 0 1rem
    }

    #benefits .row {
        align-items: center;
        margin-bottom: 2rem;
        padding: 0 1rem;
    }

    #benefits .col-lg-5 {
        padding: 0;
        margin: 0 1rem;
        margin-left: -1rem;
    }

    #benefits .col-lg-7 {
        padding: 0;
    }

    div.more-benefits-box {
        justify-content: space-around
    }
}


/* Person Type Template - 2025 */

#personHeader {
    width: 100%;
    background: url(/themes/custom/ausa/dist/images/green-honeycomb.png) repeat;
    background-color: #231F20;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
    padding: 4rem 0;
    border-bottom: 5px solid #D7D3BC;
    position:relative;
}

#personInfo hr {
    height: 3px;
    background: #F3B82E;
}

#personHeader img {
    border: 5px solid #F3B82E;
}

#personInfo h2 {
    color: #F3B82E;
    font-size: 50px;
    margin-bottom: 5px;
    text-shadow: 0px 1px 1px #000;
    -webkit-font-smoothing: antialiased;
}

#personInfo h3 {
    color: white;
    text-transform: none;
    font-weight: 400;
    font-size: 35px;
    text-shadow: 0px 1px 1px #000;
    -webkit-font-smoothing: antialiased;
}

#personInfo ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
}

#personInfo a {
    padding: 0.75rem;
    font-size: 27px;
    background: #F3B82E;
    color: #3A4729;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 0;
    margin-right: .5rem;
}
#personInfo a:hover {
    background:rgb(189, 143, 37);
}

#personBody {
    padding: 2rem 0;
    background: url(/themes/custom/ausa/dist/images/halftone.png);
    background-repeat: repeat;
}

#personBody .biography {
    margin-bottom: 2rem;
    height:100%;
}

#personSidebar .sidebar_view-card {
    background: white;
    padding: 0;
    margin-bottom: 2rem;
    border: 1px solid #d7d3bc;
}

#personSidebar .sidebar_view-card:last-of-type {
    margin-bottom: 0rem;
}

#personSidebar .sidebar_view-card h5 {
    padding: 1rem;
    background: #586644;
    color: white;
    margin-bottom:0;
}
@media (max-width: 768px) { 
    #personHeader img { margin-bottom:2rem }
 }
#personSidebar .sidebar_view-card .view-content {padding:.5rem 1rem 1rem}
#personSidebar .sidebar_view-card  .list-item {padding:.5rem 0;border-bottom: 1px solid #cccccc}
#personSidebar .sidebar_view-card .list-item:last-of-type {border-bottom:0}

#personPhoto {text-align:center}
#personPhoto img {
    max-height:280px;
    width:auto;    
}