/*font-family: 'Raleway', sans-serif;*/

/*html {
    overflow: hidden;
}*/
body {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    color: #414042;
    padding-top: 0;
    overflow-x: hidden;
    /*line-height: 1.7em;*/
    /*height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    perspective: 1px;
    transform-style: preserve-3d;*/
    /*overflow: visible;
    height: 100%;*/
    -webkit-overflow-scrolling: touch;
}

ul.no-style {
    list-style: none;
}

ul.no-style li {
    margin-bottom: 0;
}

ul li {
    margin-bottom: 10px;
}

a {
    color: #0055a3;
    text-decoration: none;
}

    a:hover {
        color: #e8a103;
        text-decoration: none;
    }

h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 3.8em;
    font-weight: 800;
    line-height: 1.05em;
    letter-spacing: -.02em;
}

.home h1 {
    font-size: 4.8em;
    font-weight: 900;
    /*padding-right: 20px;*/
}

h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 2.5em;
    /*font-weight: 100;*/
    line-height: 1em;
    margin-top: 10px;
    margin-bottom: 20px;
    letter-spacing: -.03em;
}

    h2.small {
        font-family: 'Raleway', sans-serif;
        font-size: 2em;
        font-weight: 300;
        line-height: 1em;
        margin-top: 10px;
        margin-bottom: 20px;
        letter-spacing: -.03em;
    }

.modal-header h2.small {
    font-family: 'Raleway', sans-serif;
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1em;
    margin-top: 10px;
    margin-bottom: 20px;
    letter-spacing: -.03em;
}

h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1em;
    margin-top: 30px;
    margin-bottom: 20px;
}

h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    font-weight: 800;
    line-height: 1.1em;
    margin-top: 20px;
}

    h4.event-title {
        margin-top: 20px !important;
        margin-bottom: 5px;
    }

h5 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.25em;
    line-height: 1em;
    margin-bottom: 15px;
}

.modal-body h5 {
    margin-bottom: 40px;
}

h5.blue {
    color: #0055a3;
}

h6 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.2em;
    font-weight: 800;
    line-height: 1em;
    margin-top: 20px;
}

.home {
    color: #fff;
}

p.date-line {
    font-size: 1em;
    color: #7a7a7c;
    font-weight: 600;
    margin-top: 25px;
}

    p.date-line .location {
        text-transform: uppercase;
    }

p.wht-caption {
    font-size: .9em;
    color: #fff;
    font-weight: 500;
}

.hot-topic-content p.date-line, .card-content p.date-line, .article-content p.date-line {
    font-size: .8em;
    color: #7a7a7c;
    font-weight: 600;
    margin-top: 10px;
}

a .hot-topic-content h3 {
    color: #414042 !important;
}

span.member-date {
    font-size: 1.4em;
    padding-left: 10px;
}

p.subhead {
    font-family: 'Raleway', sans-serif;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    margin-top: 20px;
}

p.event-date {
    font-size: 1.2em;
    color: #f47b54;
    font-weight: 600;
    margin-bottom: 10px;
}

/*.title-block p.event-date {
    margin-top: 30px;
}*/

p.caption {
    font-family: 'Raleway', sans-serif;
    font-size: .8em;
    font-weight: 400;
    line-height: 1em;
    margin-top: 10px;
}

p.caption.blue a {
    color: #8bbae5;
    text-decoration: none;
}

p.caption.blue a:hover {
    color: #4080ba;
    text-decoration: none;
}

p.caption-header {
    font-weight: bold;
    text-transform: uppercase;
}

.carousel-caption a {
    color: #0055a3;
    font-weight: bold;
    text-decoration: none;
}

.carousel-caption a:hover {
    color: #ebb931;
    font-weight: bold;
    text-decoration: none;
}

p.callout {
    padding-left: 40px;
    border-left: 10px solid #0055a3;
    margin-top: 40px;
    margin-bottom: 40px;
}

.callout {
    padding-left: 40px;
    border-left: 10px solid #0055a3;
    margin-top: 40px;
    margin-bottom: 40px;
}

p.blockquote {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px !important;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 1.7em;
    line-height: 1.1em;
    font-weight: 900;
}

p.text-label {
    font-family: 'Raleway', sans-serif;
    font-size: .9em;
    font-weight: 900;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 10px;
}

.pad-top-5 {
    padding-top: 5px;
}

.pad-top-10 {
    padding-top: 10px;
}

.pad-top-20 {
    padding-top: 20px;
}

.pad-top-30 {
    padding-top: 30px;
}

.pad-top-40 {
    padding-top: 40px;
}

.pad-top-60 {
    padding-top: 60px;
}

.pad-bottom-10 {
    padding-bottom: 10px;
}

.pad-bottom-40 {
    padding-bottom: 40px;
}

.pad-bottom-60 {
    padding-bottom: 60px;
}

.pad-bottom-80 {
    padding-bottom: 80px;
}

.row-xtra-space {
    margin-top: 150px;
}

.row-space {
    margin-top: 90px;
}

.row-half-space {
    margin-top: 45px;
}

.row-quarter-space {
    margin-top: 25px;
}

.row-space-below {
    margin-bottom: 90px;
}

.row-half-space-below {
    margin-bottom: 45px;
}




/* ------------ BTN Styles ------------ */

.btn {
    border-radius: 30px !important;
    font-family: 'Raleway', sans-serif;
    padding: 11px 25px 10px 25px;
    min-height: 45px;
    border: none !important;
    /*z-index: 1200;*/
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

    .btn:hover {
        font-size: 1.05em;
        padding-top: 10px;
    }

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

.btn-primary {
    font-size: 1em;
    /*font-weight: 100;*/
    color: #fff;
    margin-top: 40px;
    padding-left: 55px;
}

    .btn-primary.dashboard {
        font-size: 1em;
        /*font-weight: 100;*/
        color: #fff;
        margin-top: 10px;
        padding-left: 55px;
    }

    .btn-primary.no-icon {
        padding-left: 25px !important;
        margin-top: 0px !important;
    }


.btn-primary.download {
    font-size: 1.6em;
    line-height: .9em !important;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 85px !important;
    
}

.btn.download {
    border-radius: 50px !important;
    font-family: 'Raleway', sans-serif;
    padding: 15px 40px 15px 40px;
    min-height: 45px;
    background-image: url(../images/btn-icon-download.png);
    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: 40px;
    margin-right: auto;
    margin-left: auto;
    background-color: #0055a3;
    z-index: 1200;
}

.btn.download:hover {
    font-size: 1.63em;
    background-color: #3377b5;
}

span.btn-caption {
    font-size: .6em !important;
    font-style: italic;
}

ul li.download {
    background-image: url('../images/download-icon.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 14px;
    padding-left: 20px;
}

#pnlLogIn .btn.btn-secondary {
    padding: 5px 40px 5px 40px;
    height: auto;
    /*width: 100%;*/
    border: none !important;
}

.btn-secondary {
    font-size: 1em;
    /*font-weight: 100;*/
    margin-top: 40px;
    color: #fff;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.btn-secondary.archive {
    margin-left: 60px;
}

.page-header.home .btn-secondary {
    margin-top: 20px;
}

    .btn-secondary.arrow {
        background-image: url(../images/link-arrow-white.png);
        background-position: right 25px center;
        background-repeat: no-repeat;
        background-size: auto;
        /*transition: all 0.3s linear;*/
        padding-right: 75px;
    }

        .btn-secondary.arrow:hover {
            background-image: url(../images/link-arrow-white.png);
            background-position: right 25px center;
            background-repeat: no-repeat;
            background-size: auto;
            padding-right: 80px;
        }

.btn-support {
    font-size: .8em;
    /*font-weight: 100;*/
    margin-top: 30px;
    margin-right: 5px;
    color: #fff;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 20px !important;
    min-height: 35px !important;
}

    .btn-support.arrow {
        background-image: url(../images/link-arrow-white.png);
        background-position: right 25px center;
        background-repeat: no-repeat;
        background-size: auto;
        /*transition: all 0.3s linear;*/
        padding-right: 75px;
    }

        .btn-support.arrow:hover {
            background-image: url(../images/link-arrow-white.png);
            background-position: right 25px center;
            background-repeat: no-repeat;
            background-size: auto;
            padding-right: 80px;
            font-size: .9em;
            padding-top: 7px !important;
            color: #fff;
        }

    .btn-support.no-arrow {
        margin-right: 40px;
        margin-top: 0;
    }

.maps .btn-support.no-arrow {
    margin-right: 10px;
    margin-top: 10px;
}

.btn-support.no-arrow:hover {
    font-size: .9em;
    padding-top: 7px !important;
    color: #fff;
}

/*.yellow.arrow:hover {
    background-image: url(../images/link-arrow-white.png);
    background-position: right 45px center;
    background-repeat: no-repeat;
    background-size: auto;
}*/

footer .btn-secondary, .log-in-menu .btn-secondary {
    margin-top: 0 !important;
}

.btn.blue {
    background-color: #3377b5;
}

    .btn.blue:hover {
        background-color: #0055a3;
    }

.btn.dk-blue {
    background-color: #0055a3;
}

    .btn.dk-blue:hover {
        background-color: #3377b5;
    }

.btn.green {
    background-color: #33b46f;
}

    .btn.green:hover {
        background-color: #00a14b;
    }

.btn.dk-green {
    background-color: #00a14b;
}

    .btn.dk-green:hover {
        background-color: #33b46f;
    }

.btn.yellow {
    background-color: #ebb931;
}

    .btn.yellow:hover {
        background-color: #e8a103;
    }

.btn.orange {
    background-color: #f47b54;
}

    .btn.orange:hover {
        background-color: #f15a29;
    }

.btn.purple {
    background-color: #9f6fb2;
}

    .btn.purple:hover {
        background-color: #7f3f98;
    }

.btn.tan {
    background-color: #c2b59b;
}

    .btn.tan:hover {
        background-color: #a59a86;
    }


a.text-link, span.text-link {
    font-family: 'Raleway', sans-serif;
    font-size: .9em;
    font-weight: 600;
    line-height: 1em;
    margin-top: 10px;
    display: inline-block;
    width: auto;
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

    a.text-link:hover, span.text-link:hover {
        text-decoration: none;
        font-size: .95em;
    }

.home a.text-link {
    color: #ebb931;
    margin-top: 60px;
}

    .home a.text-link:hover {
        color: #fff;
    }

a.text-link.white {
    color: #eee;
    background-image: url(../images/link-arrow-white.png);
    background-position: right 25px center;
    background-repeat: no-repeat;
    background-size: 30px;
    padding-right: 65px;
}

    a.text-link.white:hover {
        color: #fff;
        background-image: url(../images/link-arrow-white.png);
        background-position: right 25px center;
        background-repeat: no-repeat;
        background-size: 30px;
        padding-right: 70px;
    }

a.text-link.blue, span.text-link.blue {
    color: #3377b5;
    background-image: url(../images/link-arrow-blue.png);
    background-position: right 25px center;
    background-repeat: no-repeat;
    background-size: 30px;
    padding-right: 65px;
}

    a.text-link.blue:hover, span.text-link.blue:hover {
        color: #0055a3;
        background-image: url(../images/link-arrow-blue.png);
        background-position: right 25px center;
        background-repeat: no-repeat;
        background-size: 30px;
        padding-right: 70px;
    }

    a.text-link.blue.no-arrow {
        color: #3377b5;
        background-image: none;
        padding-right: 0;
    }

        a.text-link.blue.no-arrow:hover {
            color: #0055a3;
            background-image: none;
            padding-right: 3px;
        }

.event-row a.text-link.blue.no-arrow {
    color: #3377b5;
    background-image: none;
    padding-right: 0;
}

.event-row a.text-link.blue.no-arrow:hover {
    color: #0055a3;
    background-image: none;
    padding-right: 3px;
    font-size: .9em !important;
}

a.text-link.green {
    color: #33b46f;
}

    a.text-link.green:hover {
        color: #00a14b;
    }

a.text-link.yellow {
    color: #ebb931;
}

    a.text-link.yellow:hover {
        color: #e8a103;
    }

a.text-link.orange {
    color: #f47b54;
    background-image: url(../images/link-arrow-orange.png);
    background-position: right 25px center;
    background-repeat: no-repeat;
    background-size: 30px;
    padding-right: 65px;
}

    a.text-link.orange:hover {
        color: #f15a29;
        background-image: url(../images/link-arrow-orange.png);
        background-position: right 25px center;
        background-repeat: no-repeat;
        background-size: 30px;
        padding-right: 70px;
    }

.hot-topic-content a.text-link, .article-content a.text-link {
    margin-top: 5px;
}

.article-content a.text-link.video {
    margin-top: 20px;
}

.embed-responsive img.img-fluid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn.log-in {
    background-image: url(../images/btn-icon-user.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    /*margin-right: 30px;*/
    margin-top: 0 !important;
    background-color: #edb111;
    z-index: 1200;
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
}

.btn.log-in:hover {
    background-color: #e8a103;
    font-size: 1em;
    padding-top: 11px;
}

.btn.dashboard {
    background-image: url(../images/btn-icon-dashboard.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    background-color: #3377b5;
    z-index: 1200;
}

    .btn.dashboard:hover {
        background-color: #0055a3;
    }

.btn.latest-news {
    background-image: url(../images/btn-icon-news.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    background-color: #32b372;
    z-index: 1200;
}

    .btn.latest-news:hover {
        background-color: #2b9b5e;
    }

.btn-secondary.latest-news {
    background-image: none;
    background-color: #32b372;
    z-index: 1200;
}

    .btn-secondary.latest-news:hover {
        background-color: #2b9b5e;
    }

.btn.events {
    background-image: url(../images/btn-icon-events.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    background-color: #f47b54;
    z-index: 1200;
}

    .btn.events:hover {
        background-color: #f15a29;
    }

.btn-secondary.events {
    background-image: none;
    background-color: #f47b54;
    z-index: 1200;
}

    .btn-secondary.events:hover {
        background-color: #f15a29;
    }

.btn.member-benies {
    background-image: url(../images/btn-icon-star.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    background-color: #3377b5;
    z-index: 1200;
}

    .btn.member-benies:hover {
        background-color: #0055a3;
    }

.btn-secondary.partners {
    background-image: none;
    background-color: #3377b5;
    z-index: 1200;
}

    .btn-secondary.partners:hover {
        background-color: #0055a3;
    }

.btn.membership {
    background-image: url(../images/btn-icon-member.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    background-color: #0055a3;
    z-index: 1200;
}

    .btn.membership:hover {
        background-color: #3377b5;
    }

.btn.toolbox {
    background-image: url(../images/btn-icon-toolbox.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    background-color: #3377b5;
    z-index: 1200;
}

    .btn.toolbox:hover {
        background-color: #0055a3;
    }

.btn.membership-yellow {
    background-image: url(../images/btn-icon-member.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    background-color: #ebb931;
    z-index: 1200;
}

    .btn.membership-yellow:hover {
        background-color: #e8a103;
    }

.btn.education {
    background-image: url(../images/btn-icon-education.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    background-color: #ebb931;
    z-index: 1200;
}

    .btn.education:hover {
        background-color: #e8a103;
    }

.btn.edit {
    background-image: url(../images/dashboard/icon-edit.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-right: 0;
    z-index: 1200;
    float: right;
    margin-top: 15px;
    transition: all 0.2s ease-out;
}

    .btn.edit:hover {
        background-size: 25px;
    }

.btn.edit, .btn.trash {
    padding: 0.375rem 0.75rem;
}

.btn.trash {
    background-image: url(../images/dashboard/icon-trash.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-right: 0;
    z-index: 1200;
    float: right;
    margin-top: 15px;
    transition: all 0.2s ease-out;
    cursor: pointer;
}

    .btn.trash:hover {
        background-size: 25px;
    }

.btn.add-member {
    margin-right: 0;
    background-color: #9f6fb2;
    z-index: 1200;
}

    .btn.add-member:hover {
        background-color: #7f3f98;
    }

.btn.clear {
    background-image: url(../images/button-icon-clear.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    background-color: #32b372;
}

    .btn.clear:hover {
        background-color: #2b9b5e;
    }

.justify-content-center {
    -webkit-box-pack: center !important;
    justify-content: center !important;
}


/*------------ Pagination Styles ------------*/

.pages {
    margin-bottom: 80px;
}

.page-link {
    position: relative;
    display: inline-block;
    padding: 0.5rem 0.75rem;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1.25;
    color: #7a7a7c;
    background-color: #e9ecef;
    border: none;
}

    .page-link:hover {
        z-index: 2;
        color: #fff;
        text-decoration: none;
        background-color: #2b9b5e;
        border-color: transparent;
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

span.page-item span {
    position: relative;
    display: inline-block;
    padding: 0.5rem 0.75rem;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 1.25;
    color: #fff;
    background-color: #2b9b5e;
    border: none;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.container-fluid.ad-pad {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

iframe.video-img > img {
    max-width: 100%;
    height: auto;
}



/* ------------ Nav Styles ------------ */

.navbar {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 0 5px 0px rgba(65, 65, 65, 0.4);
    -moz-box-shadow: 0 0 5px 0px rgba(65, 65, 65, 0.4);
    -webkit-box-shadow: 0 0 5px 0px rgba(65, 65, 65, 0.4);
}

nav.pages {
    margin-top: 80px;
}

.navbar {
    padding: 0;
}

nav .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.navbar-brand {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    border-radius: 0 !important;
    z-index: 1200;
}

.navbar-nav {
    /*margin-left: 22vw;*/
    transition: all 1s linear;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    margin-right: 2.5vw;
}

.navbar-brand img {
    width: 300px;
}

.navbar-brand a:hover {
    text-decoration: none;
}

.nav-item {
    height: 80px;
    padding: 25px 5px !important;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.navbar-nav .nav-item.dropdown {
    background-color: #fff;
    /*color: #414042;*/
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

a.nav-link {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: 500;
    /*transition: all 0.3s linear;*/
}

.navbar-light .navbar-nav .nav-link {
    color: #414042;
}

.navbar-btn {
    position: relative;
    margin-right: 30px;
}

.navbar-nav li.nav-item:hover, .navbar-nav .nav-item.dropdown:hover {
    background-color: #0055a3;
    /*color: #fff;*/
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.navbar-nav li.nav-item.social-block {
    margin-left: 30px;
}

.navbar-nav li.nav-item.social-block:hover {
    background-color: transparent !important;
}

.social.main-top a:hover {
    color: #0055a3;
}

#main-nav li.active {
    background-color: #0055a3;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

#main-nav li.active .nav-link {
    color: #fff;
}



    .navbar-nav .nav-item:hover .nav-link.no-toggle, .navbar-nav .nav-item.dropdown:hover .nav-link.dropdown-toggle {
        color: #fff !important;
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }

.dropdown-menu {
    padding-left: 250px;
    padding-right: 250px;
    color: #fff !important;
}

.dropdown-menu .nav-item {
    height: auto;
    padding: 20px 40px 0 0 !important;
}

/*ul.nav li.nav-item {
    margin-right: 40px;
}*/

.navbar-light .navbar-nav .dropdown-menu .nav-link {
    color: #ccc !important;
}

    .navbar-light .navbar-nav .dropdown-menu .nav-link:hover {
        color: #fff !important;
    }

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
    margin-bottom: 1rem;
}

.navbar .dropdown-menu {
    border: none;
    background-color: #0055a3;
}


/*---------- Industry Resource Dropdown ----------*/

.search-wrapper .dropdown-menu {
    
}

.search-wrapper .dropdown-submenu {
    position: relative;
    padding: 10px 25px;
    margin-bottom: 0;
}

.dropdown-submenu::after {
    display: inline-block;
    margin-left: 0.255em;
    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;
    color: #414042;
}

.search-wrapper .dropdown-submenu:hover, .search-wrapper .dropdown-submenu.active {
    background-color: #0055a3;
}
.search-wrapper .dropdown-submenu:hover a.drop, .search-wrapper .dropdown-submenu.active  a.drop {
    color: #fff !important;
}
.search-wrapper .dropdown-submenu:hover::after, .search-wrapper .dropdown-submenu.active::after {
    color: #fff;
}

.search-wrapper .dropdown-submenu .dropdown-menu {
    position: absolute;
    top: -9px;
    left: 100%;
    margin-top: 0;
    text-align: center;
    background-color: #0055a3;
    color: #fff;
    width: 100%;
    text-align: left;
    padding: 20px 25px;
    min-height: 50px;
    height: auto;
    /*overflow-y: auto;*/
}

.search-wrapper .dropdown-submenu .dropdown-menu a {
    color: #ccc;
}

.search-wrapper .dropdown-submenu .dropdown-menu a:hover {
    color: #fff;
}

.search-wrapper .dropdown-menu{
    padding: 20px 0;
    color: #fff !important;
    border-radius: 0 !important;
    border: none;
    margin-top: 0;
    background-color: #e9e9e9;
    z-index: 200 !important;
    transform: translate3d(0 px, 85 px, 0 px ) !important;
}

.btn.btn-default {
    font-size: 1em;
    /*font-weight: 100;*/
    margin-top: 40px;
    color: #fff;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    background-color: #0055a3;
}

.btn.btn-default:hover {
    background-color: #3377b5;
}

.btn.btn-default.dropdown-toggle {
    width: 100%;
    border-radius: 0 !important;
    text-align: left !important;
}

.btn.dropdown-toggle.active {
    background-color: #3377b5;
}

a.drop {
    color: #414042;
}

.search-wrapper .dropdown-submenu a.drop ul.active {
    display: block;
}





.navbar-toggler {
    margin-right: 35px;
}

    .navbar-toggler, .navbar-toggler.active, .navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:visited {
        border: none !important;
    }

button:focus {
    outline: none !important;
}

.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 0px;
}

    .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 4px;
    }

.navbar-light .navbar-toggler .icon-bar {
    background-color: #666666;
}


@media screen and (max-width: 1260px) {
    .navbar-nav li.nav-item.social-block {
        margin-left: 0px !important;
    }
}


/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 1200px) {

    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .navbar {
        padding-top: 0px;
        padding-bottom: 0px;
    }

        /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
        .navbar .nav-item {
            padding: .5rem .5rem;
            margin: 0;
        }

        /* makes the dropdown full width  */
        .navbar .dropdown {
            position: static;
        }

        .navbar .dropdown-menu {
            width: 100%;
            left: 0;
            right: 0;
            top: 80px;
            display: block;
            visibility: hidden;
            opacity: 0;
            transition: visibility 0.4s, opacity 0.4s linear;
            -moz-transition: visibility 0.4s, opacity 0.4s linear;
            -webkit-transition: visibility 0.4s, opacity 0.4s linear;
            margin: 0 !important;
        }

        /* shows the dropdown menu on click */
        /*.navbar .dropdown-menu.show {
        width: 100%;
        left: 0;
        right: 0;
        top: 75px;
        display: block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity 0.3s linear;
    }*/

        /* shows the dropdown menu on hover */
        .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
            display: block;
            visibility: visible;
            opacity: 1;
            transition: visibility 0.3s, opacity 0.3s linear;
            -moz-transition: visibility 0.3s, opacity 0.3s linear;
            -webkit-transition: visibility 0.3s, opacity 0.3s linear
        }
}

/*  hamburger nav animation  */

.navbar-toggler .icon-bar:nth-of-type(2) {
    top: 1px;
}

.navbar-toggler .icon-bar:nth-of-type(3) {
    top: 2px;
}

.navbar-toggler .icon-bar {
    position: relative;
    transition: all 500ms ease-in-out;
}

.navbar-toggler.active .icon-bar:nth-of-type(1) {
    top: 6px;
    transform: rotate(45deg);
}

.navbar-toggler.active .icon-bar:nth-of-type(2) {
    background-color: transparent;
}

.navbar-toggler.active .icon-bar:nth-of-type(3) {
    top: -6px;
    transform: rotate(-45deg);
}



@media (max-width: 1200px) {
    .navbar {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-btn {
        margin-right: 30px;
    }

    .navbar-collapse {
        /*margin-right: -31px;*/
        background-color: rgba(0,0,0,0.7);
        /*margin-top: 7px;*/
        width: 100%;
        z-index: 1100;
        margin-right: 0;
        position: absolute;
        top: 80px;
        right: 0;
        height: 100vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .navbar-collapse::-webkit-scrollbar {
        display: none;
    }

    /* Hide scrollbar for IE and Edge */
    .navbar-collapse {
        -ms-overflow-style: none;
    }

    .navbar-nav {
        background-color: #f5f5f5;
        width: 75vw;
        padding: 30px 75px 500px 50px;
        margin-right: 0 !important;
    }

    .navbar-nav .nav-item.dropdown, .navbar-nav .nav-item.event, .navbar-nav .nav-item.social-block {
        background-color: #f5f5f5;
        border-bottom: 1px solid #e9e9e9;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #58595b;
        font-size: 1.2em;
        /*font-weight: 600;*/
        line-height: 1.2em;
        padding-bottom: 15px;
    }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.2em solid;
        border-right: 0.2em solid transparent;
        border-bottom: 0;
        border-left: 0.2em solid transparent;
        transform: rotate(-90deg);
    }

    .nav-item.dropdown.show .nav-link.dropdown-toggle::after {
        transform: rotate(0deg);
    }

    .navbar-nav li.nav-item:hover, .navbar-nav .nav-item.dropdown:hover {
        background-color: #f5f5f5;
        /*color: #fff;*/
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }

    .navbar-nav .nav-item:hover .nav-link.no-toggle, .navbar-nav .nav-item.dropdown:hover .nav-link.dropdown-toggle {
        color: #58595b !important;
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
    }

    .nav-item.dropdown.show {
        height: auto;
    }

    .navbar .dropdown-menu {
        border: none;
        /*background-color: #f5f5f5;*/
        background-color: transparent;
    }

    .navbar-nav .dropdown-menu {
        position: relative;
    }

    .navbar-nav .nav-link:hover {
        color: #fbb040;
    }

    .navbar-nav .btn {
        /*margin-left: 10px;*/
        font-size: 1.1em;
        font-weight: 600;
        margin-top: 20px;
    }

    .dropdown-menu {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0.5rem 0;
        margin: 0.125rem 0 0;
        background-color: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .dropdown-menu .offset-md-1 {
        margin-left: 0 !important;
    }

    .navbar-light .navbar-nav .dropdown-menu .nav-link {
        color: #3377b5 !important;
    }

    .navbar-light .navbar-nav .dropdown-menu .nav-link:hover {
        color: #e8a103 !important;
    }

    .dropdown-menu .nav-item {
        height: auto;
        padding: 20px 60px 0 0 !important;
    }

    .nav.flex-row {
        flex-direction: column !important;
        padding-left: 30px;
    }
}

@media (max-width: 475px) {
    nav {
        height: 65px
    }

    .navbar-collapse {
        top: 65px;
    }

    body {
        padding-top: 65px;
    }

    #lvi-logo {
        height: 50px;
    }

    .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar > .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-nav {
        width: 100vw;
        padding: 45px 30px 0 30px;
    }

    .navbar-nav .nav-link {
        color: #58595b;
        font-size: 1.5em;
        /*font-weight: 500;*/
        line-height: 1.2em;
        padding-bottom: 15px;
    }

    .navbar-collapse {
        background-color: #f5f5f5;
    }

    .nav.flex-row {
        flex-direction: column !important;
        padding-left: 30px;
    }
}



/* ---------- LogIn Styles ---------- */

.modal-footer {
    padding: 2rem 0 0 0;
    border-top: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    text-align: center;
}

    .modal-footer h5 {
        display: block;
        width: 100%;
    }

.modal-dialog {
    max-width: 50vw;
    margin: 1.75rem auto 0 auto !important;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: rgb(241,243,242);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0 !important;
    outline: 0;
    padding-bottom: 40px;
}

.modal-header {
    display: block !important;
    text-align: center !important;
    padding: 1em 3em;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
    /*border-bottom: 1px solid #ccc;*/
}

/*.modal-header img {
    display: inline;
}*/

h2.modal-title {
    padding-left: 0;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 80px;
    display: inline-block;
    background-image: url(../images/login-icon.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    margin-top: 20px;
}

h2.modal-user-title {
    padding-left: 0;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 80px;
    display: inline-block;
    background-image: url(../images/dashboard/member-icon.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    margin-top: 20px;
}

h2.download-modal-title {
    padding-left: 0;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 80px;
    display: inline-block;
    background-image: url(../images/download-icon-lg.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 0;
    margin-top: 20px;
}

.modal-header .close {
    margin: 0;
}

span.user-email {
    font-size: 1.05em;
    font-weight: bold;
}

button.close {
    position: absolute;
    top: -1px;
    right: 0;
    width: 30px;
    height: 30px;
    background: #0055a3 !important;
}

.close {
    /*float: right;*/
    font-size: 1.75rem;
    font-weight: 700;
    line-height: .02;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:hover {
        color: #fff;
        text-decoration: none;
    }

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: .75;
    }

.modal-header .close {
    padding: .75rem 0 1rem 2px !important;
}

/*@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto 0 auto !important;
    }
}*/

span.login-placeholder {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
}

/*#log-in {
    position: relative;
}*/

/*div#login-arrow {
    width: 0;
    height: 0;
    margin: 0 auto;
    padding: 0 !important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0055a3;
}

.log-in-menu {
    margin-right: 30px;
}

.log-in-menu ul {
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
}

.log-in-menu .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0;
    vertical-align: 0;
    content: "";
    border: none !important;
}

.navbar .log-in-menu .dropdown-menu {
    top: 35px;
    right: 0;
    left: auto !important;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.4s, opacity 0.4s linear;
    margin: 0 !important;
    padding: 10px 0 0 0 !important;
    text-align: center;
    border-radius: 0;
    background-color: transparent !important;
}

.dropdown-container {
    width: 100%;
    height: auto;
    background-color: #0055a3;
    padding: 20px 0 30px 0;
    position: relative;
}*/

.sign-in {
    padding: 0 60px;
}

    .sign-in .btn-secondary {
        margin-top: 0;
    }

/*.navbar .log-in-menu .dropdown-menu:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 792 612' fill='rgb(237,177,17)' preserveAspectRatio='none'%3E%3Cpolygon points='395.48,264.53 314.19,345.83 476.78,345.83' /%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    height: 35px;
    width: 35px;
    position: absolute;
    top: 0;
    left: auto;
    right: auto;
}*/

p.drop-header {
    font-family: 'Raleway', sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    color: #fff;
}

.member-slant {
    width: 85%;
    padding: 15px 0 15px 15vw;
    background-color: #0055a3;
    text-align: left;
    display: block;
    position: relative;
    z-index: 100;
}

    .member-slant:after {
        position: absolute;
        z-index: -1;
        content: "";
        right: -10%;
        top: 0;
        height: 100%;
        width: 100%;
        background: inherit;
        transform: skewX(-25deg);
    }

    .member-slant a.text-link.white {
        margin-top: 0 !important;
        font-size: 1.25em;
    }


@media screen and (max-width: 1500px) {
    span.login-placeholder {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
        -moz-transition: visibility 0s, opacity 0.5s linear;
        -webkit-transition: visibility 0s, opacity 0.5s linear;
        display: none;
    }

    .btn.log-in {
        padding: 10px 23px 10px 23px;
        background-position: 11px center;
        background-repeat: no-repeat;
        background-size: auto;
        /*margin-right: 30px;*/
        z-index: 1200;
    }

        .btn.log-in:hover {
            transform: none !important;
        }

    .navbar .log-in-menu .dropdown-menu {
        width: 200px;
        top: 35px;
        right: 0;
        left: auto !important;
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.4s, opacity 0.4s linear;
        -moz-transition: visibility 0.4s, opacity 0.4s linear;
        -webkit-transition: visibility 0.4s, opacity 0.4s linear;
        margin: 0 !important;
        padding: 10px 0 0 0 !important;
        text-align: center;
        border-radius: 0;
        background-color: transparent !important;
    }

    div#login-arrow {
        width: 0;
        height: 0;
        /*margin: 0 auto;*/
        padding: 0 !important;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #0055a3;
        position: relative;
    }

    /*.member-slant {
        width: 165px;
    }*/
}


@media (min-width: 1240px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        flex-wrap: nowrap;
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}

@media (max-width: 768px) {
    h2.modal-title {
        font-weight: 400;
        padding-left: 0;
        padding-bottom: 10px;
        padding-top: 45px;
        display: inline-block;
        background-image: url(../images/login-icon.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto;
        margin-right: 0;
        margin-top: 20px;
    }

    h2.modal-user-title {
        font-weight: 400;
        padding-left: 0;
        padding-bottom: 10px;
        padding-top: 80px;
        display: inline-block;
        background-image: url(../images/dashboard/member-icon.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto;
        margin-right: 0;
        margin-top: 20px;
    }

    .modal-body {
        padding: 10px 1rem;
    }

    .sign-in {
        padding: 0 30px;
    }

    .sign-in input.form-control {
        margin-bottom: 15px;
    }

    .modal-footer h5 {
        font-size: 1.5em;
    }

    .modal-footer {
        padding: 1rem 0 0 0;
    }

    .member-slant {
        width: 80%;
        padding: 10px 0 10px 10vw;
        background-color: #0055a3;
        text-align: left;
        display: block;
        position: relative;
        z-index: 100;
    }

    .member-slant a.text-link.white {
        margin-top: 0 !important;
        font-size: .9em;
    }

    .modal-dialog {
        max-width: 70vw;
        margin: 1.75rem auto 10vw auto !important;
    }
}

@media (max-width: 420px) {
    .modal-dialog {
        max-width: 100vw;
        margin: 10px !important;
    }
}





/* --------------------Form Styles -------------------- */

input.form-control, select.form-control {
    border-radius: 50px !important;
    border: 1px solid rgba(65, 65, 65, 0.1);
    background-color: #fff !important;
    height: 40px;
    width: 100%;
    margin-bottom: 10px;
    font-size: 1em;
}

.reset input.form-control, .reset select.form-control {
    border-radius: 50px !important;
    border: 1px solid rgba(65, 65, 65, 0.1);
    background-color: #fff !important;
    height: 40px;
    width: 100%;
    margin-bottom: 10px;
    font-size: 1em;
}

.text-area.form-control {
    border-radius: 30px !important;
}

input.form-control::placeholder {
    color: #ccc;
}

input.form-control.inline {
    display: inline !important;
}

.custom-checkbox {
    margin-top: 20px;
    cursor: pointer;
}

.custom-control input, .custom-control label {
    cursor: pointer;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0 !important;
    border: none !important;
}

.custom-control-label {
    font-size: .9em;
}

.cognito input[type=checkbox], .cognito input[type=radio] {
    display: inline-block;
    margin-right: 8px !important;
    margin-top: -3px !important;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #ccc;
    border: none;
}

label, legend {
    margin-left: 10px !important;
}

    label.tight {
        margin-bottom: 0;
    }

.form-text {
    margin-top: 0 !important;
    margin-left: 10px;
    margin-bottom: .5rem;
}

.form-validate {
    margin-top: 0 !important;
    margin-left: 38px;
    margin-bottom: .5rem;
    color: #E4584C !important;
}

/*.form-group.small label {
    font-size: 1em;
}*/

.category-list .category-row {
    margin-top: 60px;
}

.form-check-label {
    margin-left: 0;
}

/*.form-check-input {
    margin-top: 0 !important;
}*/

.tab-pane .form-check, .tab-pane .form-check-no-pad {
    margin-right: 40px;
}

span.input-group-append {
    z-index: 100;
}

span.inline-label {
    display: inline;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 5px;
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    font-weight: 800;
    line-height: 1.1em;
}



/* ------------ Directory Styles ------------ */

.state-results-block {
    max-height: 520px;
    overflow-y: auto;
    background-color: #fff;
    padding: 20px;
}

.directory-row {
    width: 100%;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

/*.directory-row img {
    float: left;
}*/

.carrier-logo-sm {
    width: 85px;
    margin-right: 30px;
}

.carrier-logo-sm img {
    max-width: 85px !important;
}

.carrier-logo {
    width: 140px !important;
    margin-right: 40px;
}

    .carrier-logo img {
        width: 140px;
    }

.carrier-info h4 {
    margin-top: 0 !important;
}

.carrier-info ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
    list-style-type: none;
}

.carrier-info.irg ul li {
    margin-bottom: 0;
}

.carrier-info.irg ul li:last-child {
    margin-top: 10px;
}

span.bold-label {
    font-weight: 700;
    margin-right: 5px;
}

.directory-info {
    display: inline-block;
}

p.web {
    background-image: url(../images/web-icon.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-right: 0;
    z-index: 1200;
    padding-left: 30px;
    margin-bottom: 5px !important;
}

p.mail {
    background-image: url(../images/web-icon.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-right: 0;
    z-index: 1200;
    padding-left: 30px;
    margin-bottom: 5px !important;
}

p.eld {
    display: none;
    color: #f15a29;
    font-weight: 600;
    margin-top: 20px;
    padding-left: 30px;
}

    p.eld.active {
        display: block;
    }

.carrier-web {
    min-width: 320px;
}

.alpha-select {
    width: 100%;
    margin-top: 50px;
}

.alpha-link {
    font-size: 1em;
    font-weight: 700;
    padding: 0px 0;
    width: 25px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    color: #414042;
    text-transform: uppercase;
}

    .alpha-link:nth-child(1) {
        margin-right: 5px;
    }

    .alpha-link.date {
        -webkit-text-decoration: none;
        text-decoration: none;
    }

a.alpha-link:hover, a.alpha-link.active {
    background-color: #0055a3 !important;
    color: #fff !important;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -webkit-text-decoration: none;
    text-decoration: none;
}

.alpha-select.disabled a.alpha-link {
    color: #a7a9ac !important;
    pointer-events: none;
    cursor: default;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-text-decoration: none;
    text-decoration: none;
}

a.alpha-link.disabled {
    color: #a7a9ac !important;
    pointer-events: none;
    cursor: default;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*a.alpha-link.disabled {
    color: #a7a9ac !important;
    pointer-events: none;
    cursor: default;
    text-decoration: line-through;
}*/

.trade-name-header .col-7, .trade-name-header .col-5 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.trade-name-header .page-ribbon {
    padding: 5px 0 5px 15px !important;
    text-align: left;
    display: inline-block;
    z-index: 100;
    position: relative;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    width: 100%;
    margin-top: 40px;
    background-color: #3377b5;
}

    .trade-name-header .page-ribbon:after {
        position: absolute;
        z-index: -1;
        content: "";
        right: -2%;
        top: 0;
        height: 100%;
        width: 80%;
        background: inherit;
        transform: skewX(-25deg);
        background-image: none !important;
    }

.trade-name-header .page-bar {
    padding: 5px 0 5px 15px !important;
    text-align: left;
    display: inline-block;
    z-index: 100;
    position: relative;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    width: 100%;
    margin-top: 40px;
    background-color: #0055a3;
}

p.trade-name {
    font-weight: 600;
}




/* ------------------- Page Styles ------------------- */

.pg-container {
    margin-bottom: 120px;
}

.page-header {
    background-attachment: fixed;
    background-position: center 80px;
    background-repeat: no-repeat;
    background-size: 105%;
    /*background-color: #e8a103;*/
    height: 34vw;
    position: relative;
    display: block !important;
    overflow: auto;
    /*min-height: 450px;*/
}

.seperator {
    margin: 0 auto 20px auto;
    /*padding: 0;*/
    padding-bottom: 30px;
    width: 100%;
    height: 20px;
    border-bottom: 1px solid #ccc;
}

.page-header.home {
    background-image: url('../images/header-images/home-a4s-header-2.jpg');
    padding: 17vw 20vw 0 10vw;
    background-attachment: fixed;
    background-position: center 80px;
    background-repeat: no-repeat;
    background-size: 110%;
    height: 45vw !important;
    position: relative;
    display: block !important;
    overflow: auto;
    min-height: 450px;
}

.page-tab {
    width: 100%;
    background-color: #fff;
    margin-top: -70px;
    /*margin-bottom: 90px;*/
    position: relative;
    padding: 0px 0 90px 0;
}

.page-tab.no-img {
    width: 100%;
    background-color: #fff;
    margin-top: 120px;
    /*margin-bottom: 90px;*/
    position: relative;
    padding: 0px 0 90px 0;
}

.page-tab-short {
    width: 100%;
    background-color: #fff;
    margin-top: -70px;
    position: relative;
    padding: 60px 0 80px 0;
}

.page-tab h4 {
    letter-spacing: .05em;
    margin-top: 60px;
    margin-bottom: 20px;
}

.page-tab p {
    margin-bottom: 1.3rem;
}

.page-tab .publications p {
    margin-bottom: .8rem;
    font-weight: 600;
}

.page-tab-clear {
    width: 100%;
    background-color: transparent;
    margin-top: -70px;
    position: relative;
}

.light-bg {
    background-color: #fff;
    padding: 20px;
    min-height: 300px;
}

.title-block {
    position: relative;
    margin-bottom: 30px;
    margin-top: 60px;
}

/*.title-block h1 {
    padding-top: 60px;
}*/

.section-ribbon {
    padding: 2px 25px 2px 8px;
    text-align: left;
    display: inline-block;
    z-index: 100;
    position: relative;
    color: #fff;
    font-size: .9em;
    margin-bottom: 60px;
}

    .section-ribbon:after {
        position: absolute;
        z-index: -1;
        content: "";
        right: -12%;
        top: 0;
        height: 100%;
        width: 100%;
        background: inherit;
        transform: skewX(-25deg);
    }

    .section-ribbon.full {
        width: 90%;
        margin-bottom: 20px;
    }

    .section-ribbon.full.states {
        width: 90%;
        margin-bottom: 0;
    }

.event-block .section-ribbon {
    padding: 1px 10px 1px 8px;
    text-align: left;
    display: inline-block;
    z-index: 100;
    position: relative;
    color: #fff;
    font-size: .75em;
    margin-bottom: 0px;
}

    .event-block .section-ribbon:after {
        position: absolute;
        z-index: -1;
        content: "";
        right: -12%;
        top: 0;
        height: 100%;
        width: 100%;
        background: inherit;
        transform: skewX(-25deg);
    }

.section-ribbon p, .page-ribbon p {
    margin: 0;
    padding: 0;
}

.section-ribbon.news {
    background-color: #00a14b;
}

.section-ribbon.events {
    background-color: #f47b54;
}

.section-ribbon.membership, .section-ribbon.blue {
    background-color: #0055a3;
}

.section-ribbon.lt-blue {
    background-color: #3377b5;
}

.past-issue {
    margin-bottom: 20px;
    padding-left: 30px;
}

.tag-display {
    display: inline-block;
    margin-left: 4vw;
    padding: 2px 0 2px 30px;
    font-size: .9em;
}

    .tag-display.news {
        background-image: url('../images/tag-icon-green.png');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 22px;
        color: #00a14b;
    }

.favorites-star {
    background: url('../images/favorites-star.png'), #ccc;
    background-position: center center;
    background-size: 62%;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    border-radius: 18px;
    text-align: center;
    float: right;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 10px;
    z-index: 1;
}

    .favorites-star:hover, .favorites-star.active {
        background-color: #ebb931;
    }

        .favorites-star.active:hover {
            background-color: #e8a103;
        }

.event-block .favorites-star {

}

.sub-logos {
    display: block;
    margin-bottom: 20px;
    max-width: 160px;
}

.sfc-logo {
    text-align: center;
    float: right;
    position: relative;
    display: inline-block;
}

    .sfc-logo img {
        height: 72px;
    }

aside {
    font-size: .9em;
}

.aside-ribbon {
    padding: 2px 0 2px 35px;
    text-align: left;
    display: inline-block;
    z-index: 100;
    position: relative;
    color: #fff;
    font-size: .9em;
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: 14px;
}

    .aside-ribbon:after {
        position: absolute;
        z-index: -1;
        content: "";
        right: -25%;
        top: 0;
        height: 100%;
        width: 100%;
        background: inherit;
        transform: skewX(-25deg);
        background-image: none !important;
    }

    .aside-ribbon.links {
        background-image: url('../images/link-icon.png');
        background-color: #0055a3;
    }

    .aside-ribbon.toolbox {
        background-image: url('../images/toolbox-icon.png');
        background-color: #0055a3;
    }

.aside-ribbon.events {
    background-image: url('../images/.png');
    background-color: #f15a29;
}

aside ul {
    padding-left: 10px !important;
    margin-top: 10px;
    list-style: none;
}

    aside ul li {
        margin-bottom: 12px;
        font-size: .95em;
        line-height: 1.2em;
    }

.sidebar-A {
    margin-bottom: 60px;
}

.sidebar-B {
}

.page-ribbon {
    padding: 5px 0 5px 45px !important;
    text-align: left;
    display: inline-block;
    z-index: 100;
    position: relative;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    width: 100%;
    background-position: left 20px center;
    background-repeat: no-repeat;
    background-size: 14px;
    margin-top: 40px;
}

    .page-ribbon.no-icon {
        padding: 5px 0 5px 15px !important;
    }

    .page-ribbon:after {
        position: absolute;
        z-index: -1;
        content: "";
        right: -1%;
        top: 0;
        height: 100%;
        width: 80%;
        background: inherit;
        transform: skewX(-25deg);
        background-image: none !important;
    }

    .page-ribbon.events {
        background-image: url('../images/event-icon.png');
        background-color: #f15a29;
    }

    .page-ribbon.latest-news {
        background-image: url(../images/latest-news-icon.png);
        background-color: #00a14b;
    }

    .page-ribbon.bod {
        /*background-image: url(../images/latest-news-icon.png);*/
        background-color: #3377b5;
    }

    .page-ribbon.a4s {
        background-image: url(../images/latest-news-icon.png);
        background-color: #3377b5;
    }

    .page-ribbon.members, .page-bar.members {
        background-color: #0055a3;
        height: 25px;
    }

    .page-ribbon.blue {
        background-color: #0055a3;
    }

    .page-ribbon.regulatory {
        background-image: url(../images/toolbox-icon.png);
        background-color: #0055a3;
    }

    .page-ribbon.education {
        background-image: url(../images/education-icon.png);
        background-color: #ebb931;
    }

.page-bar {
    padding: 5px 0 5px 45px !important;
    text-align: left;
    display: inline-block;
    z-index: 100;
    position: relative;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    width: 100%;
    background-position: left 20px center;
    background-repeat: no-repeat;
    background-size: 14px;
    margin-top: 40px;
}

.dashboard-panel {
    width: 100%;
    padding: 15px 15px 30px 15px;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -moz-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -webkit-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    z-index: 100;
    display: block;
    position: relative;
    height: 100%;
}

    .dashboard-panel .btn-secondary {
        float: right;
        margin-top: 15px;
    }

.card-header {
    padding: 0 !important;
    margin-bottom: 30px;
    background-color: transparent !important;
    border-bottom: none;
    width: 100%;
    height: 75px;
}

    .card-header h4 {
        font-weight: 500 !important;
        line-height: 1em !important;
        margin-top: 27px !important;
    }

    .card-header:first-child {
        border-radius: 0;
    }

.card-title {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 70px;
    padding-left: 80px;
    height: 75px;
    float: left;
}

    .card-title.user {
        background-image: url('../images/dashboard/icon-user.png');
    }

    .card-title.members {
        background-image: url('../images/dashboard/icon-members.png');
    }

    .card-title.content {
        background-image: url('../images/dashboard/icon-content.png');
    }

    .card-title.events {
        background-image: url('../images/dashboard/icon-events.png');
    }

    .card-title.partners {
        background-image: url('../images/dashboard/icon-partners.png');
    }

.card-content {
    width: 100%;
    margin-top: 20px;
}

    .card-content .row {
        margin-right: 0;
        margin-left: 0;
    }

    .card-content.user {
        padding-left: 8px;
    }

        .card-content.user h4 {
            font-size: 1.1em;
        }

.card-content.saved-resources, .card-content.saved-events {
    overflow-y: auto;
    max-height: 400px !important;
}

.member-table-header {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.partner-table-header {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

    .member-table-header p {
        color: #7f3f98;
        font-size: .7em;
        text-transform: uppercase;
        font-weight: 200;
        margin-bottom: 0;
    }

    .partner-table-header p {
        color: #0055a3;
        font-size: .7em;
        text-transform: uppercase;
        font-weight: 200;
        margin-bottom: 0;
    }

span.member-row-content {
    font-size: .9em;
}

.member-row {
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
}

    .member-row p {
        margin-bottom: 10px !important;
    }

    .member-row .btn.edit, .member-row .btn.trash {
        margin-top: 0;
        transition: all 0.2s ease-out;
    }

.content-block {
    width: 100%;
    min-height: 450px;
    padding: 15px;
    box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -moz-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -webkit-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    cursor: pointer;
    margin-bottom: 45px;
}

.card-content .content-block {
    margin-bottom: 0 !important;
}

.content-block:hover {
    transform: scale(1.05);
}

.content-block .topic-category {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    height: auto !important;
    margin-bottom: 30px;
}

.article-content .topic-category {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    height: auto !important;
    margin-top: 20px;
}

.article-content h3 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.content-block .topic-category p, .article-content .topic-category p {
    margin-bottom: 0;
    display: inline-block;
}

.content-filter {
    width: 100%;
    padding: 30px 20px 30px 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 5px;
}

.partner-row {
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
}

.event-controls {
    padding: 50px 0 10px 0;
}

.year-block {
    border: 1px solid #f15a29;
    padding: 10px 15px;
    color: #f15a29;
    line-height: .9em;
    margin-right: 20px;
    margin-left: 8px;
    font-weight: bold;
    cursor: pointer;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    opacity: 0.5;
}

    .year-block.active, .year-block:hover {
        transform: scale(1.25);
        opacity: 1;
    }

.controls ul {
    margin-bottom: 0;
}

    .controls ul li {
        margin-right: 20px;
    }

        .controls ul li a {
            color: #414042;
        }

            .controls ul li a:hover, .controls ul li.active a {
                color: #f15a29 !important;
                text-decoration: underline;
            }

div.divider {
    height: 1px;
    overflow: hidden;
    background-color: #ccc;
}

.event-row {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .event-row p {
        margin-bottom: 0;
        padding-top: 0px;
    }

        .event-row p.event-date {
            font-size: 1em;
            color: #f47b54;
            margin-bottom: 0px;
        }

    .event-row .favorites-star {
        margin-top: 5px;
    }

.month-header {
    width: 100%;
    background: url(../images/events/month-rule.png) repeat-x;
    background-position: center;
    margin: 40px auto 0 auto;
}

h6.month {
    font-size: 1em;
    color: #808285;
    padding: 0 10px 0 0;
    background-color: #fff;
    display: inline;
}

.dashboard-panel .event-row h4.event-title {
    margin-top: 0px !important;
    margin-bottom: 0px;
    font-size: 1.2em;
}

.dashboard-panel .event-logo {
    max-height: 100px;
    float: left;
}

.dashboard-panel .event-details {
    float: left;
}

span.location {
    font-size: .8em;
    color: #7a7a7c;
}

.partner-row p {
    margin-bottom: 0;
    padding-top: 0px;
    line-height: 1.1em;
}

    .partner-row p.partner-name, .partner-row p.category {
        font-weight: bold;
    }

a .partner-row, a .event-row {
    color: #414042;
    text-decoration: none;
}

    a .partner-row:hover, a .event-row:hover {
        background-color: #f1f2f2;
        color: #414042;
    }

.contacts {
    margin-top: 40px;
}

.member-circle {
    position: absolute;
    top: 80px;
    border-radius: 140px !important;
    font-family: 'Raleway', sans-serif;
    padding: 10px;
    height: 140px;
    width: 140px;
    border: none !important;
    background-color: #00a14b;
    box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
    -moz-box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
    -webkit-box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
    z-index: 120;
    display: block;
    position: relative;
    color: #fff !important;
}

    .member-circle h2 {
        margin-bottom: 0;
        margin-top: 30px;
    }

.membership-panel {
    width: 100%;
    padding: 110px 15px 30px 15px;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -moz-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -webkit-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    z-index: 100;
    display: block;
    position: relative;
    min-height: 320px;
}

.carousel-inner {
    padding-bottom: 60px;
    margin-bottom: 100px;
    overflow: visible !important;
}

    .carousel-inner img {
        max-height: 550px;
    }

.carousel-item {
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: -175px !important;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #414042;
    text-align: center;
    background-color: #fff;
}

.trend-slider {
    height: 750px;
}



/* ------ Locked Content Styles ------ */

ul.locked li {
    background-image: url('../images/lock-icon.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 14px;
    padding-left: 20px;
}

div.locked {
    position: relative;
}

div.locked a.text-link {
    background-image: url('../images/lock-icon.png');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 13px;
    padding-left: 20px;
}

div.lock-container {
    width: 100%;
    height: auto;
    position: relative;
}

div.lock-container.edu {
    padding-top: 75px;
    margin-top: 0px;
}

/*div.lock-container.trade {
    padding-top: 120px;
}*/

.locked-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
    z-index: 500;
}

.locked-msg {
    margin-top: 50px;
}

div.content-locked {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
    z-index: 500;
}

.lock-box {
    width: 100%;
    height: auto;
    position: relative;
}

.lock {
    background-image: url(../images/lrg-icons/members-only.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35px;
    /*transition: all 0.3s linear;
    padding-right: 75px;*/
    position: absolute;
    top: 40px;
    left: 22%;
    width: 90%;
    display: block;
    height: 45px;
}

.lock-sm {
    background-image: url(../images/lrg-icons/members-only.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35px;
    /*transition: all 0.3s linear;
    padding-right: 75px;*/
    position: absolute;
    top: 30px;
    left: 18%;
    width: 90%;
    display: block;
    height: 35px;
}

.scholarship .col-sm-6 {
    margin-bottom: 40px;
}

.scholarship p {
    margin-top: 20px;
}



/* ------ Hot Topics and Events on Home page Styles ------ */

.bg-grey-slant {
    position: relative;
    background: rgb(241,243,242);
    width: 100%;
    min-height: 500px;
}

    .bg-grey-slant::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='rgb(228,230,229)' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' /%3E%3C/svg%3E");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: '';
        height: 22vw;
        width: 100%;
        position: absolute;
        bottom: -1px;
    }

.hot-topics-container {
    position: relative;
    top: -55px;
    left: auto;
    right: auto;
    width: 100%;
    z-index: 100;
    padding-left: 15px;
    padding-right: 15px;
}

.hot-topics-container a:hover {
    color: #0055a3 !important;
    text-decoration: none;
}

.hot-topic-content {
    display: block;
    margin-top: 12px
}

.toolbox-container {
    position: relative;
    top: -55px;
    left: auto;
    right: auto;
    width: 100%;
    z-index: 100;
    /*margin-bottom: 120px;*/
}

.toolbox-content {
    display: block;
    margin-top: 12px
}

.article-content {
    display: block;
    margin-top: 12px;
    margin-bottom: 80px;
}

    .article-content .top-bar {
        width: 90%;
        height: 20px;
        padding: 2px 25px 2px 8px;
        text-align: left;
        display: inline-block;
        z-index: 100;
        position: relative;
        background-color: #3377b5;
    }

        .article-content .top-bar:after {
            position: absolute;
            z-index: -1;
            content: "";
            right: -12%;
            top: 0;
            height: 100%;
            width: 100%;
            background: inherit;
            transform: skewX(-25deg);
        }

.publications .article-content {
    display: block;
    margin-top: 12px;
    margin-bottom: 40px;
}

.topic-category {
    position: relative;
    display: block;
    top: 0;
    left: 60px;
    height: 30px;
}

    /*.topic-category:hover {
    left: 65px;
    transition: all 1s ease;
}*/

    .topic-category p {
        font-size: .9em;
    }

    .topic-category.news {
        color: #33b46f;
    }

    .topic-category.event {
        color: #f47b54;
    }

    .topic-category.education {
        color: #ebb931;
    }

    .topic-category.regulatory {
        color: #0055a3;
    }


.folded-corner {
    background: linear-gradient(135deg, transparent 1.75em, #fff 1.5em) no-repeat left;
    background-size: 110% auto;
    width: 100%;
    /*min-height: 450px;*/
    height: 100%;
    padding: 35px 15px 15px 15px;
    box-shadow: 8px 8px 8px rgba(65, 65, 65, 0.2);
    -moz-box-shadow: 8px 8px 8px rgba(65, 65, 65, 0.2);
    -webkit-box-shadow: 8px 8px 8px rgba(65, 65, 65, 0.2);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    cursor: pointer;
}

    .folded-corner:hover {
        transform: scale(1.05);
    }

    .folded-corner.news {
        background: url("../images/dog-ear-news.png"), linear-gradient(134deg, transparent 2.8em, #fff 2em) no-repeat left;
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 62px, 110% auto;
    }

    .folded-corner.event {
        background: url("../images/dog-ear-event.png"), linear-gradient(134deg, transparent 2.8em, #fff 2em) no-repeat left;
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 62px, 110% auto;
    }

    .folded-corner.regulatory {
        background: url("../images/dog-ear-toolbox.png"), linear-gradient(134deg, transparent 2.8em, #fff 2em) no-repeat left;
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 62px, 110% auto;
        /*padding-bottom: 60px;*/
        /*min-height: 480px;*/
        margin-bottom: 80px;
    }

.browse-box {
    position: relative;
    background: rgb(228,230,229);
    width: 100%;
    min-height: 500px;
    padding-bottom: 2vw;
}

.see-all-container {
    /*height: 48vh;*/
    z-index: 990;
}

.browse-box::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='rgb(241,243,242)' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' /%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    height: 22vw;
    width: 100%;
    position: absolute;
    bottom: -1px;
}

.events-slant {
    position: relative;
    background: rgb(241,243,242);
    width: 100%;
    height: 75px;
    display: block;
}

    .events-slant::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='rgb(255,255,255)' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' /%3E%3C/svg%3E");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: '';
        height: 22vw;
        width: 100%;
        position: absolute;
        bottom: -1px;
    }

.events-box {
    position: relative;
    top: -225px;
    left: auto;
    right: auto;
    width: 100%;
    padding: 60px 45px 45px 45px;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -moz-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -webkit-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    z-index: 100;
    display: block;
}

    .events-box h2 {
        padding-bottom: 60px;
        width: 100%;
        margin-bottom: 0 !important;
        border-bottom: 1px solid #ccc;
    }

.row.event-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.events-box .event-row {
    border-bottom: 1px solid #ccc;
}

.dashboard-panel .event-row {
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
}

.event-block {
    border-right: 1px solid #ccc;
    margin: 20px 0;
    padding: 10px 20px;
    text-align: left;
}

.event-block-rt {
    margin: 20px 0;
    padding: 10px 20px;
    text-align: left;
}

.event-row .event-block:nth-child(3), .event-row .event-block:nth-child(6), .event-row .event-block:nth-child(9), .event-row .event-block:nth-child(12), .event-row .event-block:nth-child(15) {
    border-right: none;
}

/*.event-block p {
    margin-bottom: 0;
}*/

.event-logo {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px;
}

.event-block a.text-link {
    margin-top: 20px;
}

.event-reg-row {
    margin-top: 45px;
    margin-bottom: 45px;
}

    .event-reg-row .btn, .event-reg-row p.event-date {
        margin-top: 0;
        margin-bottom: 0;
    }

.new-date {
    font-family: 'Raleway', sans-serif;
    font-size: .9em;
    font-weight: bolder;
    line-height: 1em;
    text-transform: uppercase;
    padding: 5px 10px;
    color: #fff;
    background-color: #f47b54;
    display: inline-block;
    margin-bottom: 10px;
}

.event-block .new-date {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: .7em;
    padding: 3px 8px;
}

.event-info-row {
    /*width: 100%;*/
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 25px 0;
}

.event-info {
    padding-left: 0;
    padding-right: 30px;
    border-right: 1px solid #ccc;
}

.additional-info {
    margin-top: 50px;
}

.event-location {
    padding-left: 30px;
    padding-right: 0;
}

.event-info, .event-location {
    padding-bottom: 30px;
    padding-top: 30px;
}

    .event-location img {
        margin-bottom: 20px;
    }

    .event-location p {
        line-height: 1.2em;
    }

.event-partner-row {
    padding: 45px 0;
}

/*.event-partner-row,*/ .event-sponsor-row {
    border-bottom: 1px solid #ccc;
    padding: 45px 0;
}

.sponsor img {
    margin-bottom: 15px;
}

.partner-logos .my-auto img {
    margin-bottom: 60px;
}

.member-header {
    width: 100%;
    height: 110px;
    padding-top: 28px;
    background-color: #3377b5;
    position: relative;
    text-align: center;
    color: #fff;
}

.member-header-2 {
    width: 100%;
    height: 55px;
    padding-top: 28px;
    background-color: #3377b5;
    position: relative;
    text-align: center;
    color: #fff;
}

/*.slant-box.white {
    background: linear-gradient(135deg, transparent 5em, #fff 1.5em) no-repeat left, linear-gradient(-45deg, transparent 5em, #fff 1.5em) no-repeat right;
    background-size: 60% auto;
    position: relative;
    top: -50px;
    left: auto;
    right: auto;
    width: 70%;
    margin: 0 auto;
    z-index: 2;
    box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.4);
}*/

.slant-box.white {
    position: relative;
    width: 65%;
    margin: 0 auto 0 auto;
    z-index: 2;
}

    .slant-box.white:after {
        content: "";
        width: 100%;
        height: calc(100%);
        position: absolute;
        top: 0;
        left: 0px;
        z-index: -1;
        background: #fff;
        box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.3);
        transform: skew(-45deg, 0deg);
    }

.member-logos {
    width: 100%;
    height: auto;
    position: relative;
    /*margin-top: -65px;*/
}

    .member-logos h2 {
        padding: 30px 5px;
    }

/*.member-photos {
    margin-top: -64px;
    margin-bottom: 140px;
}*/

.img-frame {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.img-full {
    width: 102%;
}

.lrg-icons {
    border-radius: 70px !important;
    font-family: 'Raleway', sans-serif;
    padding: 10px;
    height: 70px;
    border: none !important;
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
    -moz-box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
    -webkit-box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
    z-index: 1200;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.lrg-numbers {
    border-radius: 70px !important;
    font-family: 'Raleway', sans-serif;
    padding: 10px;
    height: 70px;
    width: 70px;
    border: none !important;
    background-color: #fff;
    color: #0055a3;
    box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
    -moz-box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
    -webkit-box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
    z-index: 1200;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

h1.lrg-numbers {
    font-size: 1.2em;
    font-weight: 700;
}

h1.lrg-numbers {
    font-size: 3.1em;
    font-weight: 800;
    line-height: .8em;
    letter-spacing: -.02em;
}

.shadow {
    box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
    -moz-box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
    -webkit-box-shadow: 0px 0px 6px rgba(65, 65, 65, 0.3);
}

.education-block {
    background: url('../images/header-images/education-header.jpg');
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 100px;
    position: relative;
    color: #fff;
}

.regulatory-block {
    background: url('../images/header-images/toolbox-header-4.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 100px;
    position: relative;
    color: #fff;
}

.member-block, .regulatory-block, .education-block {
    margin-bottom: 120px;
}

.member-resources a {
    color: #414042;
    display: block;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.member-resources a:hover {
    color: #ebb931;
    transform: scale(1.08);
}

.mem-resource {
    margin-bottom: 40px;
}

.solution-block {
    /*margin-bottom: 175px;*/
    padding: 100px 15px;
}

.solution-benefit {
    margin-bottom: 40px;
}

.bg-directories {
    background-image: url('../images/directories-bg-fpo.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 150px;
}

/*.bg-directories:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='rgb(255,255,255)' preserveAspectRatio='none'%3E%3Cpolygon points='100,0 0,0 0,100' /%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: 22vw;
    width: 100%;
    position: absolute;
    top: 0;
}*/

.directories-grade {
    width: 100%;
    height: 100%;
    padding-top: 80px;
}

.social-feed {
    padding: 100px 15px;
    margin-bottom: 50px;
}

.social-container {
    background-color: rgba(241,243,242,0.3);
}

@-moz-document url-prefix() {
    .bg-directories:after {
        background-image: none;
        height: auto;
        width: 100%;
        position: absolute;
        top: 0;
    }

    .directories-grade {
        width: 100%;
        height: 100%;
        padding-top: 90px;
        margin-top: 120px;
    }
}

.directories-content {
    z-index: 100;
    color: #000;
}

.folded-corner-bottom {
    background: linear-gradient(-45deg, transparent 3.75em, #8bbae5 1.5em) no-repeat left;
    background-size: 110% auto;
    width: 100%;
    min-height: 350px;
    padding: 35px 15px 0 15px;
    /*box-shadow: 6px 6px 8px rgba(65, 65, 65, 0.2);
    -moz-box-shadow: 6px 6px 8px rgba(65, 65, 65, 0.2);
    -webkit-box-shadow: 6px 6px 8px rgba(65, 65, 65, 0.2);*/
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    cursor: pointer;
    color: #fff;
}

.directory-block:hover {
    transform: scale(1.05);
}

.directory-block {
    background: linear-gradient(135deg, transparent 1.75em, #8bbae5 1.75em, #0055a3) no-repeat left;
    background-size: 110% auto;
    width: 100%;
    min-height: 400px;
    padding: 35px 35px 45px 35px;
    box-shadow: 6px 6px 8px rgba(65, 65, 65, 0.2);
    -moz-box-shadow: 6px 6px 8px rgba(65, 65, 65, 0.2);
    -webkit-box-shadow: 6px 6px 8px rgba(65, 65, 65, 0.2);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    cursor: pointer;
    color: #fff;
    /*background: linear-gradient(-45deg, #0055a3, #6699c8) no-repeat left;
    width: 100%;
    min-height: 350px;
    padding: 35px 15px 0 15px;
    color: #fff;
    box-shadow: 6px 6px 8px rgba(65, 65, 65, 0.2);
    -moz-box-shadow: 6px 6px 8px rgba(65, 65, 65, 0.2);
    -webkit-box-shadow: 6px 6px 8px rgba(65, 65, 65, 0.2);*/
}

.member-grey-slant {
    position: relative;
    background: rgb(241,243,242);
    width: 100%;
    /*min-height: 300px;*/
}

.member-grey-content {
    padding-top: 80px;
    padding-bottom: 80px;
}

.member-grey-content-short {
    padding-top: 80px;
    padding-bottom: 350px;
}

.push-down {
    margin-bottom: 300px;
}

.push-down-25 {
    margin-bottom: 250px;
}

.push-down-2 {
    margin-bottom: 200px;
}

.push-down-1 {
    margin-bottom: 100px;
}

.member-grey-slant::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='rgb(255,255,255)' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' /%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    height: 22vw;
    width: 100%;
    position: absolute;
    bottom: -1px;
}

@media (min-width: 1870px) {
    .member-grey-content {
        padding-top: 80px;
        padding-bottom: 180px;
    }
}

.pannel-grey {
    position: relative;
    background: rgb(241,243,242);
    width: 100%;
    padding: 80px;
    height: auto;
    /*min-height: 300px;*/
}

.pannel-dk-grey {
    position: relative;
    background: rgb(230,231,232);
    width: 100%;
    padding: 80px;
    /*min-height: 300px;*/
}

.pannel-white {
    position: relative;
    background: #fff;
    width: 100%;
    padding: 80px;
    /*min-height: 300px;*/
}

.pannel-blue {
    position: relative;
    background: #0055a3;
    width: 100%;
    padding: 80px;
    /*min-height: 300px;*/
}

    .pannel-blue.push-down {
        margin-bottom: 150px;
    }

    .pannel-blue h2, .pannel-blue p {
        color: #fff;
    }


.member-apps {
    z-index: 100;
}

.navigation {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: -250px;
}

    .navigation.maps {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        margin-top: 40px;
    }

.member-card {
    width: 100%;
    min-height: 500px;
    padding: 130px 25px 50px 25px !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -moz-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -webkit-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    cursor: pointer;
    color: #414042 !important;
}

    .member-card.active:before {
        content: "";
        position: absolute;
        top: 99%;
        left: 45%;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-top: 18px solid #1a66ac;
        border-right: 15px solid transparent;
    }

    .member-card:hover, .member-card.active {
        transform: scale(1.05);
        background-color: #1a66ac !important;
        color: #fff !important;
    }

    .member-card.ahfa {
        background: url("../images/members/ahfa-logo.png");
        background-position: top 25px center;
        background-repeat: no-repeat;
        background-size: auto;
    }

        .member-card.ahfa:hover, .member-card.ahfa.active {
            background: url("../images/members/ahfa-logo-rev.png");
            background-position: top 25px center;
            background-repeat: no-repeat;
            background-size: auto;
        }

    .member-card.icfa {
        background: url("../images/members/icfa-logo.png");
        background-position: top 25px center;
        background-repeat: no-repeat;
        background-size: auto;
    }

        .member-card.icfa:hover, .member-card.icfa.active {
            background: url("../images/members/icfa-logo-rev.png");
            background-position: top 25px center;
            background-repeat: no-repeat;
            background-size: auto;
        }

    .member-card.sol-partner {
        background: url("../images/members/sol-partners-logo.png");
        background-position: top 25px center;
        background-repeat: no-repeat;
        background-size: auto;
    }

        .member-card.sol-partner:hover, .member-card.sol-partner.active {
            background: url("../images/members/sol-partners-logo-rev.png");
            background-position: top 25px center;
            background-repeat: no-repeat;
            background-size: auto;
        }

    .member-card.sfc {
        background: url("../images/members/sfc-logo.png");
        background-position: top 25px center;
        background-repeat: no-repeat;
        background-size: auto;
    }

        .member-card.sfc:hover, .member-card.sfc.active {
            background: url("../images/members/sfc-logo-rev.png");
            background-position: top 25px center;
            background-repeat: no-repeat;
            background-size: auto;
        }

.nav-tabs {
    border-bottom: none;
}

    .nav-tabs .nav-item {
        margin-bottom: -1px;
    }

    .nav-tabs .nav-link {
        border: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            border-color: transparent;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #fff;
            background-color: transparent;
            border-color: transparent;
        }

.tab-content {
    margin-top: 13px;
}

.form-wrapper {
    width: 100%;
    padding: 75px 110px;
    background-color: #f1f2f2;
}

.covid-form-wrapper {
    width: 100%;
    padding: 35px 25px 45px 25px;
    margin-top: 80px;
    background-color: #f1f2f2;
}

#letter ul.nav.nav-tabs li {
    margin-right: 20px;
}

.event.form-wrapper {
    width: 100%;
    padding: 75px 110px;
    background-color: #fff;
}

.form-wrapper h2 {
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 20px;
    height: 40px;
    line-height: 1.2em;
}

.form-wrapper p {
    font-size: .9em;
}

span.form-number {
    border-radius: 50% !important;
    font-family: 'Raleway', sans-serif;
    height: 40px;
    width: 40px;
    display: inline-block;
    background-color: #0055a3;
    color: #fff;
    font-size: 1.7em;
    line-height: 1.3em;
    text-align: center;
    margin-right: 20px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.form-wrapper .btn {
    border-radius: 30px !important;
    font-family: 'Raleway', sans-serif;
    padding: 11px 75px 10px 25px;
    min-height: 40px;
    border: none !important;
    z-index: 1200;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}

.form-wrapper .btn-secondary {
    font-size: .8em;
}

.form-check {
    margin-left: 25px;
}

.form-check-no-pad {
    margin-left: 25px;
}

.float-above {
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    padding: 0 50px;
    margin-bottom: 0;
    margin-top: -250px;
    margin-bottom: 100px;
}

.directory-card {
    width: 100%;
    height: 100%;
    /*min-height: 550px;*/
    padding: 30px 25px 50px 25px !important;
    background-color: #fff !important;
    box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -moz-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    -webkit-box-shadow: 0px 0px 8px rgba(65, 65, 65, 0.2);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    cursor: pointer;
    color: #414042 !important;
}

.directory-card a.link-overlay, .toolbox-card a.link-overlay, .event-block a.link-overlay, .article-content a.link-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.directory-card a, .toolbox-card a, .event-block a, .article-content a {
    position: relative;
    z-index: 1;
}

/*.toolbox-card a.link-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.toolbox-card a {
    position: relative;
    z-index: 1;
}*/

.trends .col-sm-6 {
    margin-bottom: 80px;
}

.directory-card:hover {
    transform: scale(1.05);
}

.directory-card.orange {
    border-top: 12px solid #f47b54;
}

.directory-card.blue {
    border-top: 12px solid #3377b5;
}

.directory-card.purple {
    border-top: 12px solid #7f3f98;
}

.directory-card.green {
    border-top: 12px solid #33b46f;
}




/* -------------------- Footer Styles ------------------- */

footer {
    width: 100%;
    background-color: #414042;
    padding-top: 75px;
    padding-bottom: 60px;
    position: relative;
    color: #bdbec2;
}

    footer p {
        position: relative;
        display: inline-block;
        text-align: left;
    }

    footer a {
        color: #bdbec2;
        text-decoration: none;
    }

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

.social {
    font-size: 2em;
    color: #bdbec2 !important;
    /*margin: 0 auto;*/
}

.nav-item .social a {
    color: #0055a3;
}

.nav-item .social a:hover {
    color: #bdbec2;
}

    .social a {
        color: #bdbec2;
        text-decoration: none;
        padding-left: 10px;
        padding-right: 10px;
    }

        .social a:hover {
            color: #fff;
            text-decoration: none;
        }

.stripe {
    border-right: 2px solid #bdbec2;
    transform: skewX(-35deg);
    text-align: center;
}

footer .stripe p {
    transform: skewX(35deg);
    margin: 0 auto;
}

.stripe, .social {
    min-height: 117px;
}

.social.main-top {
    min-height: 42px !important;
    font-size: 1.5em;
}

.copyright {
    width: 100%;
    margin-top: 60px;
}

    .copyright p {
        font-size: .8em;
    }

.pre-footer {
    /*background: url('../images/icfa-bg-2.jpg');
    background-position: top 45px center;
    background-size: cover;
    background-repeat: no-repeat;*/
    width: 100%;
    height: auto;
    position: relative;
    color: #fff;
    margin-top: -55px;
    /*background-color: #0055a3;*/
}

.container-fluid.pre-footer {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/*.slant-box.gray {
    background: linear-gradient(135deg, transparent 5em, #726658 1.5em) no-repeat left, linear-gradient(-45deg, transparent 5em, #726658 1.5em) no-repeat right;
    background-size: 60% auto;
    position: relative;
    top: -50px;
    left: auto;
    right: auto;
    width: 70%;
    margin: 0 auto;
    z-index: 2;
}*/

.slant-box.gray {
    position: relative;
    width: 65%;
    margin: 0 auto 0 auto;
    z-index: 2;
}

    .slant-box.gray:after {
        content: "";
        width: 100%;
        height: calc(100%);
        position: absolute;
        top: 0;
        left: 0px;
        z-index: -1;
        background: #726658;
        box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.3);
        transform: skew(-45deg, 0deg);
    }

.pre-footer h2 {
    padding: 20px 5px;
}

.pre-footer .content-box {
    padding: 3vw 10vw;
    background-color: #275382;
    width: 100%;
    margin-top: -50px;
}

/*Stripe Stuff*/
.stripe-form {
    width: 480px;
    margin: 20px 0;
}

.stripe-group {
    background: white;
    box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.10), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    margin-bottom: 20px;
}

.stripe-label {
    position: relative;
    color: #8898AA;
    font-weight: 300;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    display: flex;
    flex-direction: row;
}

.stripe-group label:not(:last-child) {
    border-bottom: 1px solid #F0F5FA;
}

.stripe-label > span {
    width: 120px;
    text-align: right;
    margin-right: 30px;
}

    .stripe-label > span.brand {
        width: 30px;
    }

.stripe-field {
    background: transparent;
    font-weight: 300;
    border: 0;
    color: #31325F;
    outline: none;
    flex: 1;
    padding-right: 10px;
    padding-left: 10px;
    cursor: text;
}

    .stripe-field::-webkit-input-placeholder {
        color: #CFD7E0;
    }

    .stripe-field::-moz-placeholder {
        color: #CFD7E0;
    }

.stripe-button {
    float: left;
    display: block;
    background: #ebb931;
    color: white;
    box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.10), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    border: 0;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 400;
    width: 100%;
    height: 40px;
    line-height: 38px;
    outline: none;
}

.stripe-button:focus {
    background: #ebb931;
}

.stripe-button:active {
    background: #ebb931;
}

.stripe-outcome {
    float: left;
    width: 100%;
    padding-top: 8px;
    min-height: 24px;
    text-align: center;
}

.stripe-success,
.stripe-error {
    display: none;
    font-size: 13px;
}

.stripe-success.visible,
.stripe-error.visible {
    display: inline;
}

.stripe-error {
    color: #E4584C;
}

.success {
    color: #666EE8;
}

.success .token {
    font-weight: 500;
    font-size: 13px;
}


/*password mask without using type='password'*/
@font-face {
    font-family: 'password';
    src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
}

input.key {
    font-family: 'password';
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

        .autocomplete-items div:hover {
            /*when hovering an item:*/
            background-color: #e9e9e9;
        }

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}






/* -------------------------------------------------- Media Styles ------------------------------------------------- */

@media (min-width: 2100px) {
    .page-header.home {
        background-image: url('../images/header-images/home-header.jpg');
        padding: 17vw 20vw 0 10vw;
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 120%;
        height: 45vw !important;
        position: relative;
        display: block !important;
        overflow: auto;
        min-height: 450px;
    }
}

/*@media (min-width: 1800px) {
    .directories-grade {
        width: 100%;
        height: 100%;
        padding-top: 375px;
    }
}*/

@media (max-width: 1500px) {

    .hot-topics-container, .toolbx-container {
        top: -50px;
    }

    .hot-topics-container .container, .toolbx-container .container {
        max-width: 1300px;
    }

    .folded-corner {
        max-height: 950px;
    }

    .home h1 {
        padding-right: 20px;
        font-size: 4.1em;
        line-height: 1em;
    }

    h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 2.2em;
        /*font-weight: 100;*/
        line-height: 1em;
        margin-top: 10px;
        letter-spacing: -.03em;
    }

    .home a.text-link {
        margin-top: 40px;
    }

    /*.page-header.home {
        background-size: 115%;
        padding: 15vw 5vw 0 8vw;
    }*/
}

@media (max-width: 1325px) {
    .page-header.home {
        padding: 16vw 20vw 0 10vw;
    }
}

@media (min-width: 1300px) {
    .hot-topics-container .container, .toolbox-container .container {
        max-width: 1500px;
    }
}

@media (max-width: 1300px) {
    .page-header {
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 102%;
        height: 35vw;
        position: relative;
        display: block !important;
        overflow: auto;
    }

    .home h1 {
        padding-right: 20px;
        font-size: 3.6em;
        line-height: 1em;
    }

    h2 {
        font-size: 2em;
    }

    .page-header.home {
        background-image: url('../images/header-images/home-header.jpg');
        padding: 15vw 5vw 0 8vw;
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 118%;
        height: 50vw !important;
        position: relative;
        display: block !important;
        overflow: auto;
    }

    .home .btn-secondary {
        margin-top: 20px;
    }
}

@media (max-width: 1200px) {
    .page-header.home {
        padding: 20vw 5vw 0 8vw;
    }
    
    footer img {
        margin-bottom: 30px;
    }

    footer .btn-secondary {
        margin-top: 30px !important;
    }

    .member-resources {
        margin-bottom: 120px;
    }

    /*.solution-top {
        text-align: center;
        margin-bottom: 120px;
    }*/

    .navbar-expand-xl .navbar-nav {
        flex-direction: column !important;
    }

    .member-card.ahfa, .member-card.ahfa:hover, .member-card.ahfa.active,
    .member-card.icfa, .member-card.icfa:hover, .member-card.icfa.active,
    .member-card.sol-partner, .member-card.sol-partner:hover, .member-card.sol-partner.active,
    .member-card.sfc, .member-card.sfc:hover, .member-card.sfc.active {
        background-size: 80%;
    }

    .lock {
        left: 15%;
    }

    .lock-sm {
        left: 15%;
    }
}

@media (max-width: 1024px) {
    #hotType {
        font-size: .9em;
    }

    .hot-topic-content h3 {
        font-size: 1.5em;
    }

    .page-header {
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 102%;
        height: 38vw;
        position: relative;
        display: block !important;
        overflow: auto;
    }

    .page-header.home {
        background-image: url('../images/header-images/home-header.jpg');
        padding: 20vw 5vw 0 8vw;
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 130%;
        height: 55vw !important;
        position: relative;
        display: block !important;
        overflow: auto;
    }

    /*.pre-footer .content-box {
        padding: 3vw 10vw 5vw 10vw;
    }*/
}

@media (max-width: 992px) {
    .folded-corner {
        min-height: 525px;
        margin-bottom: 30px;
    }

    .bg-directories .directory-card {
        margin-top: 60px !important;
        max-height: 350px;
    }

    .page-header.home {
        background-image: url('../images/header-images/home-header.jpg');
        padding: 20vw 5vw 0 8vw;
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 140%;
        height: 60vw !important;
        position: relative;
        display: block !important;
        overflow: auto;
    }

    .page-header {
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 106%;
        height: 40vw;
        position: relative;
        display: block !important;
        overflow: auto;
        /*background-color: #f15a29;*/
    }

    .hot-topics-container, .toolbx-container {
        top: -25px;
    }

    aside {
        border-top: 1px solid #ccc;
        padding-top: 60px;
        margin-top: 40px;
    }

    aside ul li {
        margin-bottom: 18px;
        font-size: 1.1em;
        line-height: 1.2em;
    }

    .sidebar-A, .sidebar-B {
        float: left;
    }

    .container.member-apps {
        max-width: 98% !important;
    }

    .member-card {
        min-height: 600px;
        padding: 95px 25px 50px 25px !important;
    }

    .nav-link h4 {
        font-size: 1.2em;
    }

    .form-wrapper {
        padding: 40px 80px;
    }

    .lock {
        left: 0;
        width: 55%;
    }

    .lock-sm {
        left: 0;
        width: 55%;
    }

    .pre-footer .content-box {
        padding: 6vw 10vw;
    }

    .btn-secondary.archive {
        margin-left: 0px;
        margin-top: 20px !important;
    }
}

@media (max-width: 860px) {
    .page-header.home {
        padding: 20vw 5vw 0 8vw;
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 148%;
        height: 65vw !important;
        position: relative;
        display: block !important;
        overflow: auto;
    }

    .page-header {
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 120%;
        height: 45vw;
        position: relative;
        display: block !important;
        overflow: auto;
    }

    .member-card {
        min-height: 700px;
        padding: 85px 25px 50px 25px !important;
    }
}

@media (max-width: 768px) {
    .page-header {
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 120%;
        height: 45vw;
        position: relative;
        display: block !important;
        overflow: auto;
    }
    
    .page-header.home {
        padding: 25vw 5vw 0 8vw;
        background-position: -150px 80px;
        background-size: 170%;
        height: 72vw !important;
    }

    .page-header.home .btn-secondary {
        margin-top: 0;
    }

    .home h1 {
        padding-right: 20px;
        font-size: 3.3em;
        line-height: 1em;
    }

    .home h2 {
        font-size: 1.4em;
    }

    .folded-corner {
        min-height: 450px;
        margin-bottom: 30px;
    }

    .page-ribbon {
        padding: 5px 0 5px 45px !important;
        width: 98%;
        background-position: left 20px center;
        background-repeat: no-repeat;
        background-size: 14px;
        margin-top: 40px;
    }

    .page-ribbon:after {
        position: absolute;
        z-index: -1;
        content: "";
        right: -2%;
        top: 0;
        height: 100%;
        width: 80%;
        background: inherit;
        transform: skewX(-25deg);
        background-image: none !important;
    }

    /*.pre-footer .content-box {
        padding: 3vw 5vw 5vw 5vw;
    }*/
    
    footer p {
        text-align: center !important;
    }
    
    footer .stripe {
        border-right: none;
        transform: skewX(-35deg);
        text-align: center;
    }

    footer .stripe, footer .social {
        min-height: inherit;
    }

    footer .stripe {
        margin-bottom: 20px;
    }

    footer .btn-secondary {
        margin-top: 20px !important;
    }

    .event-block {
        border-right: none;
        border-bottom: 1px solid #ccc;
        margin: 20px 0;
        padding: 0px 20px 40px 20px;
        text-align: center;
    }

    .event-logo {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .event-block .section-ribbon.events {
        float: left;
        margin-top: 20px;
    }

    .events-box .event-row {
        border-bottom: none;
    }

    .event-reg-row {
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .event-reg-row .btn {
        margin-top: 40px;
    }

    .event-info {
        padding-left: 0;
        padding-right: 0;
        border-right: none;
    }

    .event-info-row {
        border-bottom: none;
        border-top: none;
        padding: 0;
    }

    .event-location {
        padding-left: 0;
    }

    .event-info, .event-location, .event-sponsor-row {
        border-top: 1px solid #ccc;
    }

    .btn-primary.events {
        margin-top: 20px;
    }

    /*.directories-grade {
        padding-top: 175px;
    }*/

    .container.page-tab {
        max-width: 90vw;
    }

    .pannel-grey, .pannel-dk-grey, .pannel-white, .pannel-blue {
        padding: 60px 20px;
    }

    .nav-link h4 {
        font-size: 1em;
    }

    .tab-content {
        display: none;
    }

    .member-card {
        min-height: 300px;
        padding: 120px 50px 50px 50px !important;
    }

    .nav-tabs .nav-item.member-card {
        margin-bottom: 40px;
    }

    .member-card.ahfa, .member-card.ahfa:hover, .member-card.ahfa.active,
    .member-card.icfa, .member-card.icfa:hover, .member-card.icfa.active,
    .member-card.sol-partner, .member-card.sol-partner:hover, .member-card.sol-partner.active,
    .member-card.sfc, .member-card.sfc:hover, .member-card.sfc.active {
        background-size: 200px;
    }

    .directory-card {
        width: 100%;
        height: auto !important;
        overflow: hidden;
        margin-bottom: 40px;
    }

    .bg-directories .directory-card {
        max-height: none;
        margin-top: 20px !important;
    }

    .light-bg.push-down {
        margin-bottom: 250px;
    }

    .lock {
        left: 8%;
        width: 55%;
    }

    .lock-sm {
        left: 15%;
        width: 55%;
    }
}

@media (max-width: 650px) {
    .home h1 {
        padding-right: 20px;
        font-size: 3.2em;
        line-height: .9em;
    }

    .home h2 {
        font-size: 1.2em;
    }
}

@media (max-width: 700px) {
    .page-header {
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 120%;
        height: 60vw;
        position: relative;
        display: block !important;
        overflow: auto;
    }

    .page-header.home {
        padding: 35vw 5vw 0 8vw;
        background-position: -175px 80px;
        background-size: 215%;
        height: 92vw !important;
    }

    .home h1 {
        padding-right: 20px;
        font-size: 3.2em;
        line-height: .9em;
    }

    .home h2 {
        font-size: 1.2em;
    }

    .container.page-tab {
        max-width: 100vw;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 576px) {
    .folded-corner {
        height: auto;
        padding-bottom: 60px;
        margin-bottom: 30px;
        overflow: hidden;
    }

    /*.folded-corner {
        min-height: 450px;
        margin-bottom: 30px;
    }*/

    .event-container {
        padding-left: 40px;
        padding-right: 40px;
    }

    h1 {
        font-size: 3.1em;
        line-height: .9em;
    }

    .home h1 {
        padding-right: 20px;
        font-size: 2.9em;
        line-height: .9em;
    }

    .home h2 {
        font-size: 1.2em;
    }

    /*.bg-directories .directory-card {
        margin-top: 60px !important;
        max-height: 375px;
    }*/

    .directories-content .directory-card h3 {
        margin-top: 10px;
    }

    .section-ribbon {
        margin-left: -15px !important;
        margin-bottom: 70px;
    }

    .tag-display {
        display: block;
        margin-left: 4vw;
        padding: 2px 0 2px 30px;
        font-size: .9em;
        position: absolute;
        top: 40px;
        left: -16px;
    }

    .controls ul {
        margin-bottom: 0;
        padding-left: 0;
        margin-top: 40px;
    }

    .lock {
        left: 6%;
        width: 90%;
    }

    .lock-sm {
        left: 12%;
        width: 90%;
    }
}

@media (max-width: 500px) {
    .home h1 {
        padding-right: 20px;
        font-size: 2.9em;
        line-height: .9em;
    }

    .home h2 {
        font-size: 1.2em;
    }

    .page-header.home {
        padding: 30vw 5vw 0 8vw;
        background-position: -175px 80px;
        background-size: 275%;
        height: 100vw !important;
    }

    .page-header.home .btn {
        border-radius: 30px !important;
        font-family: 'Raleway', sans-serif;
        padding: 7px 20px 7px 20px;
        height: 38px;
        border: none !important;
    }

    .slant-box.gray {
        position: relative;
        width: 75%;
        margin: 0 auto 0 auto;
        z-index: 2;
    }

    .slant-box.gray h2 {
        font-size: 1.8em;
    }

    .pre-footer .content-box {
        padding: 8vw 10vw;
    }
}

@media (max-width: 475px) {
    .navbar-brand img {
        width: 240px;
    }

    .page-header {
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 150%;
        height: 60vw;
        position: relative;
        display: block !important;
        overflow: auto;
    }

    .page-header.home {
        padding: 20vw 5vw 0 8vw;
    }

    h1 {
        font-size: 3em;
        line-height: .9em;
    }

    .home h1 {
        padding-right: 20px;
        font-size: 2.9em;
        line-height: .9em;
    }

    .home h2 {
        font-size: 1.2em;
    }

    .slant-box.gray h2 {
        font-size: 1.3em;
    }

    .solution-top {
        text-align: center;
        margin-bottom: 90px;
    }

    .solution-block .btn-secondary {
        margin-top: 20px;
    }

    .lock-box .btn-secondary {
        margin-top: 65px;
    }

    .lock-box .btn-support {
        margin-top: 50px;
    }

    .lock {
        position: absolute;
        top: 10px;
        left: 45%;
        width: 50%;
        display: block;
        height: 45px;
    }

    .lock-sm {
        position: absolute;
        top: 5px;
        left: 45%;
        width: 50%;
        display: block;
        height: 35px;
    }

}

@media (max-width: 420px) {
    /*body {
        font-size: 1.2em;
    }*/
    .navbar-toggler {
        margin-right: 20px;
    }
    
    .navbar-btn {
        margin-right: 15px;
    }

    .page-header {
        background-attachment: fixed;
        background-position: center 80px;
        background-repeat: no-repeat;
        background-size: 170%;
        height: 70vw;
        position: relative;
        display: block !important;
        overflow: auto;
    }
    
    .page-header.home {
        padding: 20vw 5vw 0 5vw;
        background-position: -200px 80px;
        background-size: 300%;
        height: 115vw !important;
    }

    .page-header.home .btn.btn-secondary {
        border-radius: 30px !important;
        font-family: 'Raleway', sans-serif;
        padding: 9px 20px 7px 20px;
        height: 38px;
        font-size: .8em;
    }

    h1 {
        font-size: 2.8em;
        line-height: 1em;
    }

    .home h1 {
        padding-right: 20px;
        font-size: 2.8em;
        line-height: .9em;
    }

    .home h2 {
        font-size: 1em;
    }

    .topic-category {
        font-size: .8em !important;
    }

    .events-box {
        padding: 30px 45px 45px 45px;
    }

    .events-box h2 {
        padding-bottom: 30px;
    }

    .event-block {
        border-right: none;
        border-bottom: 1px solid #ccc;
        margin: 10px 0;
        padding: 0px 20px 40px 20px;
        text-align: center;
    }

    /*.bg-directories .directory-card {
        margin-top: 60px !important;
        max-height: 450px;
    }*/

    .directories-content .directory-card h3 {
        margin-top: 10px;
    }

    .page-ribbon {
        padding: 5px 0 5px 45px !important;
        width: 96%;
        background-position: left 20px center;
        background-repeat: no-repeat;
        background-size: 14px;
        margin-top: 40px;
    }

    .page-ribbon:after {
        position: absolute;
        z-index: -1;
        content: "";
        right: -3%;
        top: 0;
        height: 100%;
        width: 80%;
        background: inherit;
        transform: skewX(-25deg);
        background-image: none !important;
    }

    .member-card {
        min-height: 460px;
        padding: 120px 50px 50px 50px !important;
    }
    
}

@media (max-width: 375px) {
    .page-header.home {
        padding: 22vw 5vw 0 5vw;
        background-position: -200px 80px;
        background-size: 330%;
        height: 125vw !important;
    }

    .page-header.home .btn {
        border-radius: 30px !important;
        font-family: 'Raleway', sans-serif;
        padding: 7px 15px 7px 15px;
        height: 38px;
        border: none !important;
    }

    .page-header.home .btn-secondary {
        font-size: .9em;
    }

    h1 {
        font-size: 2.5em;
        line-height: 1em;
    }

    .events-box {
        padding: 30px 45px 45px 45px;
    }

    .events-box h2 {
        padding-bottom: 30px;
    }

    .event-container {
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 60px;
    }

    /*.bg-directories .directory-card {
        margin-top: 60px !important;
        min-height: 500px;
    }*/


}

figure.image {
    display: block !important;
    margin-left: 10px;
    margin-right: 10px;
}

figcaption {
    text-align: center;
    font-size: .95em;
    color: #7a7a7c;
    padding-top: 5px;
}

figure.image.align-left {
    float: left !important;
}

figure.image.align-right {
    float: right !important;
}