/*
// VALUE:COLOR_1:#ef3e42
// VALUE:COLOR_2:#0f9389
// VALUE:COLOR_3:#303543
yellow: #ef3e42;
red: #ef3e42;
*/


/*--------------------------------------------------------
    FONT ASSIGNMENTS
--------------------------------------------------------*/

body {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #4c4c4c;
}

p {
    margin-bottom: 1em;
}


/*--------------------------------------------------------
    H1 - H6
--------------------------------------------------------*/

h1,
h2,
h3,
h4 {
    font-family: ;
}

h1,
h2,
h3,
h4 {
    margin: 0px;
    padding: 0px;
    margin-bottom: .75em;
    font-weight: 700;
    color: #4c4c4c;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h1.title {
    margin-top: 1.5em;
    margin-bottom: 1em;
}


/*--------------------------------------------------------
    LINKS
--------------------------------------------------------*/

a {
    color: #ef3e42;
}

a:hover,
a:focus {
    color: #E6BD00;
}


/*--------------------------------------------------------
    IMAGES, Objects
--------------------------------------------------------*/

img {
    border: 0px;
}


/*--------------------------------------------------------
                        HEADER
--------------------------------------------------------*/

.top-border {
    height: 5px;
    background-color: #999;
    /* REPLACE:COLOR_3 */
}

.header-content {
    padding: 20px 0px 15px;
}

.logo-wrap {}

@media (max-width: 450px) {
    .header-content {
        padding: 10px 0px 15px;
    }
    .logo-wrap {
        margin-top: 6px;
        padding: 0px;
    }
}

@media (max-width: 990px) {
    .logo-wrap {
        margin-top: 4px;
    }
}

@media (max-width: 767px) {
    .logo-wrap {
        text-align: center;
        margin-top: 20px;
    }
}

.logo-wrap svg#logo {
    width: 400px;
    height: auto;
    max-width: 100%;
}

.logo-wrap #full-logo {
    display: block;
}

.logo-wrap #mobile-logo {
    display: none;
}


/*---------------Full Logo SVG Styles*/

#full-logo .class-1 {
    isolation: isolate;
}

#full-logo .class-2 {
    fill: #ef3e42;
}

#full-logo .class-3 {
    fill: none;
    stroke: #c5c7c9;
    stroke-miterlimit: 10;
    stroke-width: 0.975px;
}

#full-logo .class-4 {
    fill: #adafb2;
}

#full-logo .class-5 {
    mix-blend-mode: multiply;
}

#full-logo .class-6 {
    fill: #fbad1b;
}

#full-logo .class-7 {
    fill: #ee3b43;
}

#full-logo .class-8 {
    fill: #ee3924;
}

#full-logo .class-9 {
    fill: #f16523;
}

#full-logo .class-10 {
    fill: #f58020;
}

#full-logo .class-11 {
    fill: #f89820;
}

#full-logo .class-12 {
    fill: #fec214;
}

@media (max-width:450px) {
    .logo-wrap #full-logo {
        display: none;
    }
    .logo-wrap #mobile-logo {
        display: block;
    }
    /*---------------Mobile Logo SVG Styles*/
    .class-1 {
        fill: #EF3E42;
    }
    .class-2 {
        fill: #ADAFB2;
    }
    .class-3 {
        fill: #FBAD1B;
        stroke: none;
    }
    .class-4 {
        fill: #EE3B43;
    }
    .class-5 {
        fill: #EE3924;
    }
    .class-6 {
        fill: #F16523;
    }
    .class-7 {
        fill: #F58020;
    }
    .class-8 {
        fill: #F89820;
    }
    .class-9 {
        fill: #FEC214;
    }
}

.logo-wrap .chapter-name {
    font-family: 'Cinzel', serif;
    font-weight: 300;
    font-size: 13px;
    position: relative;
    padding-left: 117px;
    top: -9px;
    transition: color .3s;
    display: block;
}

@media (max-width: 990px) {
    .logo-wrap .chapter-name {
        padding-left: 102px;
    }
}

@media (max-width: 767px) {
    .logo-wrap .chapter-name {
        padding-left: 41px;
    }
}

@media (max-width: 450px) {
    .logo-wrap .chapter-name {
        padding-left: 0px;
        font-size: 14px;
    }
}

.search-login-wrap {
    text-align: right;
    margin-top: 20px;
}

.search-input-wrap {
    border: 1px solid #c5c7c9;
    border-radius: 1px;
    max-width: 200px;
    background: white;
}

#search-input {
    width: 200px;
    margin-left: auto;
}

@media (max-width: 990px) {
    #search-input {
        margin-top: 5px;
    }
}

input.search-input {
    height: 36px;
    border: none;
    border-radius: 1px;
    padding: 0px 10px;
    padding-left: 10px;
    font-size: 17px;
    background: transparent;
    color: #fff;
    box-shadow: none;
}

input.search-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    /* REPLACE:COLOR_3 */
}

.search-input-wrap button,
.search-input-wrap button:link {
    height: 36px;
    padding: 6px 5px;
    background: transparent;
    border: none;
}

.search-input-wrap button:hover,
.search-input-wrap button:focus,
.search-input-wrap button:active {
    background-color: transparent !important;
    border: none;
    box-shadow: none;
}

#mobile-menu .search-input-wrap button {
    display: none;
}

.glyphicon-search:before {
    content: url(../images/search-icon.png);
}

.member-login {
    display: block;
    box-shadow: none;
    margin-top: 7px;
    margin-left: 10px;
    float: right;
    width: 200px;
}

.member-login a {
    background-color: #ef3e42;
    /* REPLACE:COLOR_1 */
    border: 1px solid #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    color: #fff;
    padding: 8px 28px;
    font-size: 18px;
    border-radius: 1px;
}

.member-login a:hover,
.member-login a:focus {
    background-color: #ef3e42;
    /* REPLACE_COLOR:COLOR_2 */
    text-decoration: none;
    transition: .3s;
    outline: none;
}

.login-modal .modal-dialog {
    max-width: 300px;
    margin: auto;
    margin-top: 15px;
}

.modal-header {
    background: #999;
    /* REPLACE:COLOR_3 */
    color: #fff;
    text-align: center;
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.login-modal .close {
    color: #fff;
    text-shadow: none;
    ;
    opacity: .8;
}

.login-modal .close:hover,
.login-modal .close:focus {
    color: #0095B7;
}

.login-modal .modal-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
}

.modal-title,
.modal-body {
    font-size: 16px;
    text-align: center;
}

.login-modal {
    font-size: 16px;
}

.login-modal input {
    padding: 5px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #6D6D6D;
}

.login-modal input:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#login a {
    text-decoration: underline;
    color: #464646;
    font-weight: 400;
}

#login a:hover,
#login a:focus {
    color: #ef3e42;
    /* REPLACE_COLOR:COLOR_2 */
    transition: .3s;
}

.login-modal input[type="submit"] {
    background-color: #ef3e42;
    /* REPLACE:COLOR_1 */
    color: #fff;
    border: 1px solid #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    border-radius: 2px;
    padding: 3px 8px;
    margin-top: 10px;
}

.login-modal input[type="submit"]:hover,
#login input[type="submit"]:focus {
    background-color: #ef3e42;
    /* REPLACE_COLOR:COLOR_2 */
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

@media (max-width: 990px) {
    #mobile-toggle {
        position: absolute;
        right: 15px;
        top: 55px;
    }
}

@media (max-width: 767px) {
    #mobile-toggle {
        top: -20px;
    }
}

#mobile-toggle svg {
    background: #ef3e42;
    height: 35px;
    width: 40px;
    padding-left: 5px;
}

#mobile-toggle svg rect {
    fill: #999;
    width: 30px;
}


/*----------------------------------Search Bar*/


/*--------------------------------------------------------
                    Desktop Navigation
--------------------------------------------------------*/

.nav-main-wrap {
    height: 60px;
    background-color: #999;
    display: none;
}

@media (max-width: 990px) {
    .nav-main-wrap {
        display: none;
    }
}

#nav_menu a {
    font-family: 'Arimo', sans-serif;
}

.caret {
    margin-left: 5px;
}

#nav_menu .nav>li>a {
    color: #fff;
    transition: .3s;
    text-transform: uppercase;
    padding-top: 18.5px;
    padding-bottom: 18.5px;
    font-size: 16px;
}

#nav_menu .nav>li>a:hover,
#nav_menu .nav>li>a:focus,
#nav_menu .nav>li>a:active,
#nav_menu .navbar-nav>li.open>a {
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom: 2px solid #ef3e42;
}

.nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent;
}

#nav_menu .navbar-nav>li a:active {
    color: #fff;
    transition: .3s;
}

#nav_menu .navbar-nav>li .dropdown-menu {
    background-color: #666;
    border: none;
    border-bottom: 3px solid #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    padding: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

#nav_menu .navbar-nav>li .dropdown-menu a {
    padding: 10px 15px;
    color: #fff;
    background-color: transparent;
    font-size: 15px;
}

#nav_menu .navbar-nav>li .dropdown-menu a:hover,
#nav_menu .navbar-nav>li .dropdown-menu a:focus {
    background-color: rgb(239, 62, 66);
    /* REPLACE_COLOR:COLOR_1 */
    transition: .3s;
}

#nav_menu .nav>li.login {
    position: absolute;
    right: 15px;
}


/*--------------------------------------------------------
    INDEX / MAIN BODY
--------------------------------------------------------*/

.row_background {
    background-color: #999;
    /* REPLACE:COLOR_3 */
    color: #fff;
}

.row_wrapper {
    padding: 60px 0px;
}


/*---------------- Three column section ----------*/

.three-column-section {
    margin: 60px 0px;
}

#who-we-are-wrap,
#what-we-do-wrap,
#contact-us-wrap {
    text-align: center;
}

#who-we-are-wrap svg,
#what-we-do-wrap svg,
#contact-us-wrap svg {
    width: 120px;
    height: 120px;
}

.who-we-are-title h3,
.what-we-do-title h3,
.contact-us-title h3 {
    font-weight: 700;
    margin-top: 20px;
    color: #4c4c4c;
}

#who-we-are-wrap a:hover,
#what-we-do-wrap a:hover,
#contact-us-wrap a:hover,
#who-we-are-wrap a:focus,
#what-we-do-wrap a:focus,
#contact-us-wrap a:focus {
    text-decoration: none;
}

#who-we-are-wrap a:hover svg,
#what-we-do-wrap a:hover svg,
#contact-us-wrap a:hover svg,
#who-we-are-wrap a:focus svg,
#what-we-do-wrap a:focus svg,
#contact-us-wrap a:focus svg {
    width: 125px;
    height: 125px;
    margin-bottom: -5px;
    transition: .3s;
}

#who-we-are-wrap a:hover svg .who-we-are-icon-1,
#what-we-do-wrap a:hover svg .what-we-do-icon-1,
#contact-us-wrap a:hover svg .contact-us-icon-1,
#who-we-are-wrap a:focus svg .who-we-are-icon-1,
#what-we-do-wrap a:focus svg .what-we-do-icon-1,
#contact-us-wrap a:focus svg .contact-us-icon-1 {
    fill: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    stroke: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    transition: .3s;
}

#who-we-are-wrap a:hover svg .who-we-are-icon-2,
#what-we-do-wrap a:hover svg .what-we-do-icon-2,
#contact-us-wrap a:hover svg .contact-us-icon-2,
#who-we-are-wrap a:focus svg .who-we-are-icon-2,
#what-we-do-wrap a:focus svg .what-we-do-icon-2,
#contact-us-wrap a:focus svg .contact-us-icon-2 {
    fill: white;
    /* REPLACE:COLOR_3 */
    transition: .3s;
}

.who-we-are-desc,
.what-we-do-desc,
.contact-us-desc {
    text-align: left;
    margin-top: 20px;
}


/*----------------End Three column section------*/


/*---------------- Recent News ----------*/

.recent-news-tile-border {
    width: 60px;
    border-top: 2px solid #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    margin-top: 10px;
}

.recent-news-tile h1 {
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.news-item {
    border-bottom: 1px solid white;
    padding: 30px 0px;
}

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

.news-title-link {
    color: #fff;
    border-bottom: 2px solid white;
    padding-bottom: 1px;
}

.news-title-link:hover,
.news-title-link:focus {
    text-decoration: none;
    color: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    transition: .3s;
}


/* news headline in news page */

.subpage .news-title-link {
    color: #4c4c4c;
}

.subpage .news-title-link:hover,
.subpage .news-title-link:focus {
    color: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
}

.news-item h4 {
    padding-left: 35px;
}

.news-item .date,
.news-item .description {
    margin-left: 35px;
}

.news-item .date {
    margin-top: 12px;
}

.news-item .description {
    margin-top: 12px;
}

@media (max-width: 990px) {
    .news-item h4 {
        padding-left: 0px;
    }
    .news-item .date,
    .news-item .description {
        margin-left: 0px;
    }
}

.btn-view-all-news,
.btn-view-all-events {
    text-align: center;
}

.btn-view-all-news a,
.btn-view-all-events a {
    text-align: center;
    margin-top: 40px;
    background-color: transparent;
    border: 2px solid #ef3e42;
    color: #fff;
    padding: 11px 35px;
    font-size: 18px;
    border-radius: 2px;
    display: inline-block;
    font-weight: bold;
    font-family: 'Cinzel', serif;
}

.btn-view-all-events a {
    background: #999;
}

.btn-view-all-news a:hover,
.btn-view-all-events a:hover,
.btn-view-all-news a:focus,
.btn-view-all-events a:focus {
    background-color: #ef3e42;
    /* REPLACE_COLOR:COLOR_2 */
    border: 2px solid #ef3e42;
    /* REPLACE_COLOR:COLOR_2 */
    text-decoration: none;
    transition: .3s;
    outline: none;
    color: #fff;
}


/*----------------End Recent News------*/


/*----------------Slideshow----------*/

#slide-row {
    margin-bottom: 10px;
}

img.page-hero-image.img-responsive {
    max-width: 100%;
    width: 100% !important;
}

.home-main-slideshow:hover a,
.home-main-slideshow:focus a,
.home-main-slideshow a:hover,
.home-main-slideshow a:focus {
    color: white;
    text-decoration: none;
}

.carousel-control.left,
.carousel-control.right,
.carousel-control:hover {
    background-image: none;
    opacity: 1;
    font-size: 30px;
    font-weight: bold;
    color: white;
}

@media (min-width: 767px) {
    a.carousel-control {
        position: absolute;
        top: 50%;
        transform: translateY(-50px);
    }
}

.home-main-slideshow {
    /*    margin-top: -1px;
    display: inline-block;
    width: 100%;*/
}

.carousel-inner .item img {
    width: 100%;
}

.carousel-inner .item img {
    width: 100vw;
    max-width: 100vw;
}

.carousel-caption-content {
    margin: 0 auto 10px auto;
    float: none;
    text-align: center;
}

.carousel-indicators {
    display: none;
}

.carousel-caption {
    position: absolute;
    z-index: 100;
    background-color: rgba(48, 53, 67, 0.4);
    color: #fff;
    padding: 20px 0;
    left: 0;
    bottom: 0px;
    right: 0;
    top: auto;
    width: 100%;
    text-align: left;
}

@media (max-width: 1200px) {
    .carousel-caption {
        padding: 15px 0;
    }
}

@media (max-width: 767px) {
    .carousel-caption {
        display: block;
        position: initial;
        padding: 15px 15px 25px 15px;
        display: none;
        /*requested 7-12-19 on ticket #137415*/
    }
}

@media (max-width: 600px) {
    .carousel-caption {
        padding: 10px 10px;
    }
}

@media (max-width: 450px) {
    .carousel-caption {
        min-height: 266px;
    }
}

.carousel-caption p.caption-text {
    font-weight: 700;
    font-size: 26px;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    text-transform: uppercase;
    line-height: 32px;
}

.carousel-caption p.alt-text {
    font-size: 17px;
    color: #fff;
    margin-top: 7px;
    margin-bottom: 25px;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1200px) {
    .carousel-caption p.caption-text,
    .carousel-caption p.alt-text {
        max-width: 940px;
    }
}

.carousel-caption a {
    background-color: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    border: 1px solid #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    color: #fff;
    padding: 11px 30px;
    font-size: 18px;
    border-radius: 1px;
}

.carousel-caption a:hover,
.carousel-caption a:focus {
    background-color: #ef3e42;
    /* REPLACE_COLOR:COLOR_2 */
    border: 1px solid #ef3e42;
    /* REPLACE_COLOR:COLOR_2 */
    text-decoration: none;
    transition: .3s;
    outline: none;
    color: #fff;
}


/*----------------End Slideshow------*/


/*---------- news_feed_pages function ----*/

div#news-button-container {
    margin: 10px 0px 0px 0px;
    text-align: right;
}

div#news-button-verbiage {
    margin-right: 10px;
    display: inline-block;
    color: #5DB2D7;
}

div#news-button-container:active {
    margin: 9px 0px 0px -1px;
    /* keeps buttons from jumping around when pressed*/
}

div.news-button {
    display: inline-block;
    padding: 5px 10px;
    background-color: #5DB2D7;
    color: black;
    border: 1px solid black;
    border-radius: 5px;
    margin: 0px;
}

div.nb-number:hover {
    opacity: 0.7;
    /*buttons move toward backgound color when hovered over*/
    cursor: pointer;
}

div.nb-number:active {
    /* make buttons look like they are being pressed when clicked*/
    opacity: 0.6;
    border-width: 2px 0px 0px 2px;
}

div.nb-selected {
    /* style the selected button */
    opacity: 0.5;
}

div#nb-ellipsis-left,
div#nb-ellipsis-right {
    background-color: transparent;
    color: #5DB2D7;
    border: 0px;
    margin: 0px;
    padding: 5px;
    font-weight: bold;
}


/*---------- END: news_feed_pages ----*/


/*---------- Events Section ----*/

.upcoming-events-tile h1 {
    text-align: center;
    color: #2d2d2d;
    font-weight: 700;
}

.upcoming-events-tile-border {
    width: 60px;
    border-top: 2px solid #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    margin-top: 10px;
    margin-bottom: 15px;
}

.event-item {
    margin-top: 15px;
}

#upcoming-events-content {
    margin: auto;
    float: none;
    display: table;
    padding: 0;
}

.event-content {
    display: table;
    border: 1px solid #999;
    /* REPLACE:COLOR_3 */
    width: 100%;
}

@media (max-width: 1200px) {
    .event-content {
        height: 187px;
    }
}

@media (max-width: 767px) {
    .event-content {
        height: inherit;
    }
}

.event-date-wrap {
    display: table-cell;
    background: #999;
    /* REPLACE:COLOR_3 */
    color: #fff;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    padding: 0px 15px;
    width: 82px;
}

@media (max-width: 990px) {
    .event-date-wrap {
        display: block;
        width: 100%;
        padding: 10px 20px;
        text-align: left;
    }
}

.event-month {
    font-weight: bold;
    font-size: 20px;
}

.event-date {
    font-weight: bold;
    font-size: 29px;
    line-height: 1em;
}

.event-details-wrap {
    padding: 20px 15px;
    min-height: 106px;
}

@media (max-width: 990px) {
    .event-details-wrap {
        height: 185px;
    }
}

@media (max-width: 767px) {
    .event-details-wrap {
        height: inherit;
    }
}

.ev-title-link {
    color: #4c4c4c;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3em;
    display: block;
    margin-bottom: 5px;
}

.ev-title-link:hover,
.ev-title-link:focus {
    text-decoration: none;
    color: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    transition: .3s;
}

.event-blurb {
    margin-bottom: 0px;
    border-top: 1px solid #999999;
    padding: 5px 0 0 0;
}

.event-blurb:empty {
    display: none;
}


/*---------- END: Events Section ----*/


/*----------------------------------Primary-Content*/


/*--------------------------------------------------------
    CSS STYLE FOR INNER PAGES
--------------------------------------------------------*/


/*Styles for pushing Footer to bottom of screen on pages with little content*/

@media (min-width: 990px) {
    .subpage-wrap {
        min-height: calc( 100vh - (60px + 144px + 138px));
    }
}

@media (min-width: 767px) {
    .subpage-wrap {
        min-height: calc( 100vh - (136px + 138px));
    }
}

@media (min-width: 450px) {
    .subpage-wrap {
        min-height: calc( 100vh - (164px + 160px));
    }
}

@media (min-width: 5px) {
    .subpage-wrap {
        min-height: calc( 100vh - (134px + 144px + 138px));
    }
}

.subpage {
    margin-top: 30px;
    margin-bottom: 30px;
}

.subpage ul {
    margin-bottom: 1.25em;
}

@media (max-width: 767px) {
    .subpage ul {
        padding-left: 20px;
    }
}

.subpage ul ul {
    margin-bottom: 0;
}

.subhead {
    /*margin: 30px auto;*/
}

.subhead h1 {
    /*text-align: center;
    font-weight: 700;
    font-size: 30px !important;*/
}

.subhead hr {
    width: 60px;
    border-top: 2px solid #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    margin-top: 10px;
    display: none;
}

.nav-tabs .dropdown svg .cls-1 {
    fill: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
}


/*--------------------------------------------------------
    FOOTER
--------------------------------------------------------*/

.footer-wrap {
    background-color: #999;
    /* REPLACE:COLOR_3 */
    color: #fff;
    padding: 30px 0px 20px 0px;
    font-size: 16px;
}

#footer-row {
    text-align: center;
}

.social-media-links a:hover,
.social-media-links a:focus {
    text-decoration: none;
}

.social-media-links svg {
    width: 40px;
    height: 40px;
}

.social-media-links svg rect {
    fill: #999;
    /* REPLACE:COLOR_3 */
    stroke: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    stroke-miterlimit: 10;
    transition: fill .3s, stroke .3s;
    stroke-width: 2px;
}

.social-media-links svg:hover rect {
    fill: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
}

.social-media-links svg path {
    fill: white;
    /* REPLACE_COLOR:COLOR_1 */
}

.social-media-links svg:hover path {
    fill: #999;
    /* REPLACE_COLOR:COLOR_1 */
}

.social-media-links a {
    border-bottom: none;
    padding-bottom: 0px;
}

.credits {
    margin-top: 10px;
}

.credits a {
    color: #fff;
    border-bottom: 2px solid white;
    padding-bottom: 1px;
    transition: border-bottom .3s;
}

.credits a:hover {
    text-decoration: none;
    border-bottom: 2px solid #ef3e42;
}

.footer-contact-info {
    margin-top: 15px;
}

.social-icons svg {
    margin-left: 4px;
}


/*-----------------------------------Footer Menu*/


/*-------------------------------End-Footer Menu*/


/*--------------------------------------------------------
    SVG Icons - Who we are, What we do, Contact us
--------------------------------------------------------*/

.who-we-are-icon-1 {
    fill: white;
    /* REPLACE:COLOR_3 */
    stroke: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    stroke-miterlimit: 10;
    stroke-width: 5px;
}

.who-we-are-icon-2 {
    fill: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
}

.what-we-do-icon-1 {
    fill: white;
    /* REPLACE:COLOR_3 */
    stroke: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    stroke-miterlimit: 10;
    stroke-width: 5px;
}

.what-we-do-icon-2 {
    fill: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
}

.contact-us-icon-1 {
    fill: white;
    /* REPLACE:COLOR_3 */
    stroke: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    stroke-miterlimit: 10;
    stroke-width: 5px;
}

.contact-us-icon-2 {
    fill: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
}


/*--------------------------------------------------------
    UTILITIES
--------------------------------------------------------*/

@media (max-width: 990px) {
    .search-login-wrap {
        margin-top: 5px;
    }
    .member-login {
        width: 100%;
    }
    .member-login a {
        padding: 8px 29px;
    }
}

@media (max-width: 767px) {
    #who-we-are-wrap,
    #what-we-do-wrap,
    #contact-us-wrap {
        margin: 30px 0;
    }
    .search-login-wrap {
        text-align: center;
        margin-top: 15px;
    }
    #search-input {
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        margin-left: 5px;
        float: none;
    }
    .member-login {
        display: inline;
        margin-left: 0px;
        float: none;
    }
    .logo-wrap a {
        width: auto;
    }
    .logo-wrap a img {
        margin: auto;
    }
}

@media (max-width: 480px) {
    .member-login {
        display: block;
        margin: auto;
    }
    #search-input {
        margin: auto;
        margin-top: 15px;
    }
    .logo-wrap a img {
        height: 76px !important;
        width: auto;
    }
    .three-column-section {
        margin: 0px;
    }
    .recent-news-wrap {
        padding-top: 40px;
        padding-bottom: 49px;
    }
}


/*-------------------------Navigation----------------*/


/*------------------------2nd Tier Nav*/

.nav li {
    position: relative;
    float: left;
    list-style-type: none;
}

.open>.dropdown-menu {
    display: block;
}

.men-level-1 {
    top: 0px;
}


/*--------------------End-2nd Tier Nav*/


/*----------------------------
    MMS Member Icons Menu
------------------------------*/

@media (min-width: 1200px) {
    .nav-tabs li.dropdown {
        width: 190px;
    }
}

@media (min-width: 990px) and (max-width: 1200px) {
    .nav-tabs li.dropdown {
        width: 155px;
    }
}

@media (min-width: 767px) and (max-width: 990px) {
    .nav-tabs li.dropdown {
        width: 120px;
    }
}


/*------------------------------------------------------------------------------------
                            Dropdown Menus - full/collapsed
--------------------------------------------------------------------------------------*/

.dropdown-menu li {
    width: 100%;
}


/*----------------------------
    Mobile Menu
    
    --- INSTRUCTIONS ---
    For the most part, these mobile menu styles will be exactly like your regular navigation styles.
    There are a few things to watch out for however. I've marked specific items with two hash tags and caps,
    like ##ITEM. 
    
    ##TOP - There are three places where this exists, and each one should be the same as the other three.
            This item tells the mobile menu to start lower than the toggle button.
            
    ##DIRECTION - This item tells your mobile menu which direction to slide in from, and has a few
        different parts. Changing "left" to "top" in each ##DIRECTION would have the menu slide in from the top. Bottom is a bad choice here.
        ##DIRECTION-01 - slides in from the side you specify. This one is set negative as it is the starting position of the menu.
        ##DIRECTION-02 - sets the duration of the slide, and again which direction it slides from.
        ##DIRECTION-03 - sets the "open" position. This will be the zeroed out version of ##DIRECTION-01
    
    --------------------
------------------------------*/


/*---------------------------------------------
        Mobile Menu
---------------------------------------------*/


/*-------------------------------------toggle*/

button#mobile-toggle {
    width: 37px;
    height: 37px;
    display: none;
    position: absolute;
    right: 15px;
    bottom: 30px;
    border: 2px solid #002857;
    border-radius: 4px;
    padding: 8px 5px;
    background-color: white;
    box-shadow: 0px 1.5px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

@media (max-width: 990px) {
    button#mobile-toggle {
        display: inline-block;
    }
}

button#mobile-toggle svg * {
    fill: #002857;
}


/*--------------------------------end--toggle*/

#mobile-menu>li#triggerClose {
    display: inline;
    float: right;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 32px;
    cursor: pointer;
    color: #e5e5e5;
}

#mobile-menu>li#mobile-logo {
    position: relative;
    left: -15px;
    top: -10px;
}

#mobile-menu>li#mobile-logo>a {
    display: inline;
    max-width: 80%;
}

#mobile-menu>li #q {
    width: 100%;
}

#mobile-menu>li>a {
    width: 174px;
    min-height: 32px;
    margin-bottom: 2px;
    border-radius: 1px;
    background-color: transparent;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    -webkit-transition: color .25s;
    transition: color .25s;
    text-decoration: none;
    border-top: 3px solid transparent;
}

#mobile-menu>li>a {}

#mobileMenuWrapper {
    /*
    The menu wrapper is the div that surrounds the mobile menu.
    You'll want to make sure this has a background of some sort so the text shows up/doesn't appear over other text
    Setting bottom:0px; is needed to make a long menu scroll-able.
    
    
    
    /* REQUIRED */
    position: fixed;
    top: 0px;
    bottom: 0px;
    /* If having the menu slide in from the top or bottom, comment out this line */
    z-index: 200;
    overflow-y: auto;
    overflow-x: hidden;
    /* CHANGEABLE-ISH */
    left: -120%;
    /* Change this to left, right, top, or bottom.  You'll also have to make a change in the open state */
    width: 300px;
    /* The mobile menu works best with a pre-defined width. Percentages also work great here. */
    /* CHANGEABLE */
    background-color: white;
    /* REPLACE:COLOR_3 */
    /*border-right: 2px solid #014C8D;*/
    /* Transition - bump */
    transition: left .3s;
    /* ##DIRECTION-02 */
    -webkit-transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000);
    /* older webkit */
    -webkit-transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000);
    -moz-transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000);
    -o-transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000);
    transition: all 300ms cubic-bezier(1.000, 0.010, 0.0, 1.000);
    box-shadow: 0px 1.5px 50px rgba(0, 0, 0, 0.3);
}

#mobileMenuWrapper.open {
    left: 0px;
    /* This is required.  If you changed the direction attribute above, change it here too. */
    bottom: 0px;
    /* This line is here for bottom/top slide-ins.  See note on bottom above.*/
}

#mobileMenuWrapper.open * {
    color: #666 !important;
}


/* REQUIRED - Dropdown menu item transition states*/

#mobileMenuWrapper .mDropdown {
    display: none;
    background-color: transparent;
    border: none;
    padding: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

#mobileMenuWrapper .mDropdown.open {
    display: block;
}


/* REQUIRED - Sets the ULs to not have dots, or be spaced in the typical UL fashion. */

#mobileMenuWrapper ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}


/* OPTIONAL-ISH - These are the settings for the base menu UL */

#mobileMenuWrapper #mobile-menu {
    overflow: auto;
    padding: 15px 15px 15px 10px;
}


/* OPTIONAL-ISH - This sets each link on its own line fo' sho' */


/*#mobileMenuWrapper a, #mobileMenuWrapper div{
    display: block;
}*/


/* OPTIONAL - The actual A's. Style them as you wish*/


/* Top Level / all*/

#mobileMenuWrapper #mobile-menu a {
    display: inline-block;
    width: 100%;
    color: #fff;
}

#mobileMenuWrapper #mobile-menu>li>a:hover,
#mobileMenuWrapper #mobile-menu>li>a:focus {
    background-color: transparent;
    transition: .3s;
}


/* dropdown only */

#mobileMenuWrapper .mDropdown a {
    padding: 8px;
}

#mobileMenuWrapper .mDropdown a:hover,
#mobileMenuWrapper .mDropdown a:focus {
    background-color: #ef3e42;
    /* REPLACE_COLOR:COLOR_1 */
    transition: .3s;
    text-decoration: none;
}

#mobile-menu>li>ul {
    background-color: rgba(0, 0, 0, .04);
}


/*------------------------------------------------------------------------------------
                                @Media and Sizes
--------------------------------------------------------------------------------------*/


/*------ Nav collapse @ Tablet size ------*/

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    /*.dropdown-menu {
        border: none;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }*/
}

@media (min-width: 768px) and (max-width: 990px) {}

@media (max-width: 767px) {}

@media (max-width: 480px) {}

.subpage {
    margin-top: 0px;
}

@media (min-width: 990px) {
    .home-contained-slideshow .carousel-caption {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

.carousel {
    margin-bottom: 0px;
}