/* 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(https://home-ausa.pantheonsite.io/sites/default/files/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(https://home-ausa.pantheonsite.io/sites/default/files/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;
    box-shadow: 20px 0 20px -1px rgba(0, 0, 0, 0.025), -20px 0 20px -1px rgba(0, 0, 0, 0.25);
    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;

}
    }



    /* 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;
    }
}


/* Benefits View Page Styles */
#benefits {
    background: url(https://home-ausa.pantheonsite.io/sites/default/files/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 h3 {
    color: #586644;
    font-size: 30px;
    margin-bottom: 0;
    text-transform: none;
    font-family: "nimbus-sans", Helvetica, Arial, sans-serif;
}

#benefits .col-sm-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;
}

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

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

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

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

.row-director-forward div.col-sm-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-sm-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;
}

/*  Benefits View Page Mobile Styles */
@media (max-width: 575.98px) {
    #benefits .col-sm-5 {
        padding: 0
    }
    #benefits img {
    box-shadow: none;
}

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

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

    .row-director-forward div.col-sm-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-sm-5 img {
        margin: 0 1rem
    }

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

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

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

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


  /* Event Header Section */
  #eventHeader {
    color: white;
    background-position: center center;
    background-size: cover;
    margin-top: -5px;
    text-shadow: 0px 1px 1px #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height:400px;
    }

    #eventHeader .event-main-info {
    padding-bottom: 2rem;
    }

    #eventHeader div.opacity-overlay {
    background: rgb(0 0 0 / 40%);
        background: rgb(0 0 0 / 40%);
min-height: 400px;
padding: 2rem 0 1rem;
display: flex;
flex-direction: column;
justify-content: space-around;
    }

    #eventHeader ul.breadcrumbs {
    list-style: none;
    padding-left: 0;
    font-size: 14px;
    }

    #eventHeader ul.breadcrumbs li {
    display: inline;
    }

    #eventHeader .breadcrumbs li a {
    color: white;
    transition: .5s;
    }

    #eventHeader .breadcrumbs li a:hover {
    color: #f2bc48;
    }

    #eventHeader .event-type {
    font-family: "nimbus-sans-condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: white;
    letter-spacing: .02rem;
    text-transform: uppercase;
    }

    #eventHeader .event-title {
    color: white;
    font-size: 60px;
    }

    #eventHeader .event-title span {
    display: block;
    }

    #eventHeader .btn-primary {
    text-shadow: none;
    }

    #eventHeader .event-secondary-info {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }

    #eventHeader .event-secondary-info time {
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    }

    #eventHeader .event-secondary-info time span {
    font-size: 20px;
    display: block;
    font-weight: normal;
    }

    #eventHeader hr {
    border-top: 1px solid white
    }

    #eventHeader .addtocalendar-link {
    color: #f2bc48;
    display: block;
    background: none !important;
    border: none !important;
    z-index: 1 !important;
    }
    #eventHeader a.addeventstc  {color: #f2bc48;}
    #eventHeader .addtocalendar-link .addeventstc_icon {
    display: none !important;
    }

    #eventHeader address {
    font-weight: bold;
    }

    #eventHeader address small {
    font-weight: lighter;
    }

    #eventHeader .sharethis-inline-share-buttons {
      width:200px;
    }

    .share-panel {
          display: flex;
          flex-direction: row;
          justify-content: end;
          align-items: center;
          margin-top: 1rem;
    }

    .share-panel span {
      margin-right:1rem;
    }

    @media (max-width: 576px) {
    #eventHeader .event-secondary-info {
    text-align: center;
    }

    #eventHeader .btn-primary {
    width: 100%;
    }

    #eventHeader .event-title span {
    display: inline;
    }
    }

    /* Speaker Information Section */

    #speakerSection {
    background: #e8e6d7;
    padding: 2rem;
    border-top: 1px solid #d7d3bc;
    border-bottom: 5px solid #d7d3bc;
    text-align: center;
    }

    #speakerSection .speaker-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    }

    #speakerSection .speaker-box {
    max-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 2rem;
    justify-content: space-between;
    }

    #speakerSection .speaker-box div p {
    font-weight: bold;
    }

    #speakerSection .speaker-box div p span {
    font-weight: lighter;
    display: block;
    font-size: 12px;
    }

    #speakerSection .speaker-box a {
    display: block;
    font-size: 14px;
    }

    #speakerSection .profile-photo {
    background-size: cover !important;
    background-position: center center !important;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    border: 5px solid #df5400;
    margin: 0 auto 1rem;
    }

    @media only screen and (max-width: 600px) {
    #speakerSection .speaker-container {
    display: block;
    padding: 0;
    }

    #speakerSection .speaker-box {
    max-width: 100%;
    display: block;
    clear: both;
    margin: 0;
    text-align: left;
    border-top: 1px solid #d7d3bc;
    padding: 1.5rem 0;
    }

    #speakerSection .profile-photo {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 1rem 0 0;
    }
    }
   

    /* Contact Section */

    #event-footer {
    background: #e8e6d7;
    border-top: 5px solid #d7d3bc;
    border-bottom: 5px solid #d7d3bc;
    }

    /* The following #event-footer CSS does not need to be included in the template, since it will vary per event */

    #event-footer {
    padding: 2rem 0 4rem;
    }

    #event-footer .speaker-box {
    max-width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    }

    #event-footer .contact-photo {
    background-size: cover;
    background-position: center center;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 5px solid #f2bc48;
    margin: 0 auto 1rem;
    }

    #event-footer span {
    display: block;
    }



    .share-panel .icon {
    background: white;
    color: #333;
    margin-left: 6px;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    padding: 5px;
    display: inline-block;
    text-align: center;
    transition: .5s;
    }

    .share-panel .icon:hover {
    background: #f2bc48
    }

    #event-footer {}

    #event-footer a {}

    #event-footer svg {
    margin-right: .5rem
    }

    #event-footer strong {
    display: inline-block;
    }

    #event-footer em {
    display: block;
    }

    #event-footer small {
    display: block;
    margin-bottom: 2rem
    }

    #event-footer span {
    display: block;
    }

    #event-details button {
    background: none;
    border: none;
    display: flex;
    justify-content: space-between;
    }

    #event-details button h3 {
    display: inline-block;
    }

    .individual-panel {
    padding: 2rem 0;
    }

    .detail-box {
    border-right: 1px solid #d7d3bc;
    border-bottom: 1px solid #d7d3bc;
    margin-bottom: 1rem;
    padding-right: 1rem;
    }


    #event-details .btn {
    color: #586644;
    padding: 1rem 0;
    }

    .expander {
    margin-bottom: .5rem;
    border-bottom: 1px solid #d7d3bc;
    }

    .expander:last-of-type {
    border-bottom: none;
    }

    .expander-body {
    padding-bottom: 0;
    }

    .expander .expander-header {
    border: 0;
    padding: 0;
    }

    .expander .expander-header .btn-header-link {
    display: block;
    text-align: left;
    padding: 20px;
    width: 100%;
    }

    .expander .expander-header .btn-header-link:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    }

    .expander .expander-header .btn-header-link.collapsed {}

    .expander .expander-header .btn-header-link.collapsed:after {
    content: "\f107";
    }

    .expander .collapsing {
    line-height: 30px;
    }

    .expander .collapse {
    border: 0;
    }

    .expander .collapse.show {
    line-height: 30px;
    color: #222;
    }

    .btn:focus,
    .btn.focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

    .close-button {
    border: none;
    background: none;
    padding: 1rem;
    text-align: right;
    color: #888;
    }

    .map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin: 1rem 0;
    border: 2px solid #4e5a42;
    }

    .map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    }



    @media (max-width: 576px) {
    .center-mobile {
    text-align: center !important;
    }

    .btn-expander {
    width: 100%;
    }

    .bottom-margin-2rem {
    margin-bottom: 2rem;
    }

    .breadcrumbs {
    display: none;
    }
    }

    #header-sponsors {
    font-size: 80%;
    text-align: center;
    color: white;
    padding-top: 2rem;
    }

    #header-sponsors a {
    color: white;
    }

    #header-sponsors a:hover {
    color: #f2bc48;
    }

    .sidebar-box {
    background: white;
    border: 1px solid;
    margin: 0 0 1rem;
    padding: 20px;
    }
    #event-links {

    }
    #event-links h5 {
      font-size: 28px;
      border: none;
    }
    #event-links ul {
      list-style:none;
      padding-left:0;
    }
    #event-links ul li {
      display: block;
      font-size: 18px;
      padding: 8px 0;
    }
/* Event Header Section */
#eventHeader {
color: white;
background-position: center center;
background-size: cover;
margin-top: -5px;
text-shadow: 0px 1px 1px #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#eventHeader .event-main-info {
padding-bottom: 2rem;
}



#eventHeader ul.breadcrumbs {
list-style: none;
padding-left: 0;
font-size: 14px;
}

#eventHeader ul.breadcrumbs li {
display: inline;
}

#eventHeader .breadcrumbs li a {
color: white;
transition: .5s
}

#eventHeader .breadcrumbs li a:hover {
color: #f2bc48;
}

#eventHeader .event-type {
font-family: "nimbus-sans-condensed", Helvetica, Arial, sans-serif;
font-size: 16px;
color: white;
letter-spacing: .02rem;
text-transform: uppercase;
}

#eventHeader .event-title {
color: white;
font-size: 60px;
}

#eventHeader .event-title span {
display: block;
}

#eventHeader .btn-primary {
text-shadow: none;
}

#eventHeader .event-secondary-info {
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-between;
}

#eventHeader .event-secondary-info time {
font-size: 36px;
font-weight: bold;
line-height: 36px;
}

#eventHeader .event-secondary-info time span {
font-size: 20px;
display: block;
font-weight: normal;
}

#eventHeader hr {
border-top: 1px solid white
}

#eventHeader .addtocalendar-link {
color: #f2bc48;
display: block;
padding: 0;
font-weight: 500;
text-shadow: 0px 1px 2px #000;
-webkit-font-smoothing: antialiased;
font-size:14px;
}

#eventHeader .addtocalendar-link span {

text-shadow: none!important;
}


#eventHeader address {
font-weight: bold;
}

#eventHeader address small {
font-weight: lighter;
}

@media (max-width: 576px) {
#eventHeader .event-secondary-info {
text-align: center;
}

#eventHeader .btn-primary {
width: 100%;
}

#eventHeader .event-title span {
display: inline;
}
}

/* Speaker Information Section */

#speakerSection {
background: #e8e6d7;
padding: 2rem;
border-top: 1px solid #d7d3bc;
border-bottom: 5px solid #d7d3bc;
text-align: center;
}

#speakerSection .speaker-container {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}

#speakerSection .speaker-box {
max-width: 200px;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 2rem;
justify-content: space-between;
}

#speakerSection .speaker-box div p {
font-weight: bold;
}

#speakerSection .speaker-box div p span {
font-weight: lighter;
display: block;
font-size: 12px;
}

#speakerSection .speaker-box a {
display: block;
font-size: 14px;
}

#speakerSection .profile-photo {
background-size: cover !important;
background-position: center center !important;
width: 160px;
height: 160px;
border-radius: 100%;
border: 5px solid #df5400;
margin: 0 auto 1rem;
}

@media only screen and (max-width: 600px) {
#speakerSection .speaker-container {
display: block;
padding: 0;
}

#speakerSection .speaker-box {
max-width: 100%;
display: block;
clear: both;
margin: 0;
text-align: left;
border-top: 1px solid #d7d3bc;
padding: 1.5rem 0;
}

#speakerSection .profile-photo {
float: left;
width: 100px;
height: 100px;
margin: 0 1rem 0 0;
}
}

#content {
padding-bottom: 2rem;
}

/* Contact Section */

#event-footer {
background: #e8e6d7;
border-top: 5px solid #d7d3bc;
border-bottom: 5px solid #d7d3bc;
}

/* The following #event-footer CSS does not need to be included in the template, since it will vary per event */

#event-footer {
padding: 2rem 0 4rem;
}

#event-footer .speaker-box {
max-width: 120px;
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
}

#event-footer .contact-photo {
background-size: cover;
background-position: center center;
width: 120px;
height: 120px;
border-radius: 100%;
border: 5px solid #f2bc48;
margin: 0 auto 1rem;
}

#event-footer span {
display: block;
}



.share-panel .icon {
background: white;
color: #333;
margin-left: 6px;
border-radius: 2px;
width: 30px;
height: 30px;
padding: 5px;
display: inline-block;
text-align: center;
transition: .5s;
}

.share-panel .icon:hover {
background: #f2bc48
}

#event-footer {}

#event-footer a {}

#event-footer svg {
margin-right: .5rem
}

#event-footer strong {
display: inline-block;
}

#event-footer em {
display: block;
}

#event-footer small {
display: block;
margin-bottom: 2rem
}

#event-footer span {
display: block;
}

#event-details button {
background: none;
border: none;
display: flex;
justify-content: space-between;
}

#event-details button h3 {
display: inline-block;
}

.individual-panel {
padding: 2rem 0;
}

.detail-box {
border-right: 1px solid #d7d3bc;
border-bottom: 1px solid #d7d3bc;
margin-bottom: 1rem;
padding-right: 1rem;
}


#event-details .btn {
color: #586644;
padding: 1rem 0;
}

.expander {
margin-bottom: .5rem;
border-bottom: 1px solid #d7d3bc;
}

.expander:last-of-type {
border-bottom: none;
}

.expander-body {
padding-bottom: 0;
}

.expander .expander-header {
border: 0;
padding: 0;
}

.expander .expander-header .btn-header-link {
display: block;
text-align: left;
padding: 20px;
width: 100%;
}

.expander .expander-header .btn-header-link:after {
content: "\f106";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
float: right;
}

.expander .expander-header .btn-header-link.collapsed {}

.expander .expander-header .btn-header-link.collapsed:after {
content: "\f107";
}

.expander .collapsing {
line-height: 30px;
}

.expander .collapse {
border: 0;
}

.expander .collapse.show {
line-height: 30px;
color: #222;
}

.btn:focus,
.btn.focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.close-button {
border: none;
background: none;
padding: 1rem;
text-align: right;
color: #888;
}

.map-responsive {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
margin: 1rem 0;
border: 2px solid #4e5a42;
}

.map-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}



@media (max-width: 576px) {
.center-mobile {
text-align: center !important;
}

.btn-expander {
width: 100%;
}

.bottom-margin-2rem {
margin-bottom: 2rem;
}

.breadcrumbs {
display: none;
}
}

#header-sponsors {
font-size: 80%;
text-align: center;
color: white;
padding-top: 2rem;
}

#header-sponsors a {
color: white;
}

#header-sponsors a:hover {
color: #f2bc48;
}

.sidebar-box {
background: white;
border: 1px solid;
margin: 0 0 1rem;
padding: 20px;
}

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