@charset "UTF-8";
/*
==========================================================================================
BROOKLYN PUBLIC LIBRARY | 2015-2016 - flat.com
==========================================================================================
==========================================================================================
Theme 1: Default / Green

Colors:
#65C570: green					(Primary)
#484E80: blue/periwinkle		(Accent 1)
#C6DAF2: light blue/lavender	(Accent 2)

==========================================================================================
*/

.primary,
body.theme-green .primary {
    color: #65C570
}
.bkgd-primary,
body.theme-green .bkgd-primary {
    background-color: #65C570;
    color: #fff
}
.secondary,
body.theme-green .secondary {
    color: #484E80
}
.bkgd-secondary,
body.theme-green .bkgd-secondary {
    background-color: #484E80;
    color: #fff
}
.tertiary,
body.theme-green .tertiary,
body.theme-green input[type=submit] {
    color: #C6DAF2
}
body.theme-green input[type=submit] {
    background-color: #65C570;
    color: #fff
}
.bkgd-tertiary,
body.theme-green .bkgd-tertiary {
    background-color: #C6DAF2;
    color: #fff
}
body.theme-green #CONTENT .container.page-list li {
    background-color: #65C570
}
body.theme-green #CONTENT .container.page-list li a {
    color: #fff
}
body.theme-green #CONTENT .container ul.page-tabs li a:hover,
body.theme-green #CONTENT .container.page-list li.active a,
body.theme-green ul li.ui-state-active a {
    background-color: #C6DAF2;
    color: #484E80
}
#drawer>nav .nav-main.menu-sub.section-navigation li:not(.launch) a,
body.theme-green .tags .btn,
body.theme-green .tags a,
.btn.btn-link.btn-primary,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body a.btn.btn-link.btn-primary,
body.theme-green h1,
body.theme-green h2,
body.theme-green h3,
body.theme-green h4,
body.theme-green h5,
body.theme-green h6,
body.theme-green li:before,
button.btn-link.btn-primary,
h1,
h2,
h3,
h4,
h5,
h6,
li:before {
    color: #65C570
}
.btn.btn-link,
a,
blockquote,
body a.btn.btn-link,
body.theme-green a,
body.theme-green blockquote,
button.btn-link {
    color: #484E80
}
blockquote,
body.theme-green blockquote {
    border-left-color: #65C570
}
.btn.btn-link.btn-primary,
body a.btn.btn-link.btn-primary,
button.btn-link.btn-primary {
    border: 2px solid #65C570
}
body.theme-green p a:hover,
p a:hover {
    border-bottom-color: #484E80
}
.btn.btn-link,
body a.btn.btn-link,
button.btn-link {
    border: 2px solid #484E80
}
body.theme-green p a,
p a,
.item-list a {
    border-bottom-color: #c6daf2
}
body.theme-3 input[type=text]:focus {
    border-color: #484E80
}
body.theme-green .btn.btn-primary:before,
body.theme-green .button.btn-primary:before,
body.theme-green a.btn.btn-primary:before,
body.theme-green button.btn-primary:before {
    background-color: #65C570
}
body.theme-green p a.btn {border-bottom:0}
body.theme-green .btn:before,
body.theme-green button:before {
    background-color: #484E80
}

/* body.theme-green .btn.active:before {
    background-color: #65C570
} */

.container.paging .row p>a:hover,
a.paging,
a.paging:hover .container.paging .row p>a {
    color: #65C570;
    font-weight: 400;
    border-bottom: 0;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}
.container.paging .row p>a:hover,
a.paging:hover {
    border-bottom: 3px solid #65C570
}
body.modal-open.theme-green #bodymodal {
    background: rgba(101, 197, 112, .95)!important
}
body.theme-green .carousel.col-2 .carousel-cell:hover .img-title {
    color: #65C570
}
body.theme-green .carousel-cell:hover,
body.theme-green .carousel-cell:hover .inner-wrap>img+p,
body.theme-green .carousel-cell:hover a>p,
body.theme-green .carousel-cell:hover>p {
    border-color: #65C570
}
body.theme-green .tags .btn {
    border: 1px solid #65C570
}
body.theme-green .tags .btn:before {
    background-color: transparent
}
@media only screen and (max-width: 768px) {
    body.theme-green.drawer-open #GLOBAL-navigation-main .nav-main li a {
        color: #65C570
    }
}
body.theme-green #CONTENT .container ul.page-tabs.page-filters li.title-tab a {
    background-color: transparent;
    color: #484E80;
}
/*
==========================================================================================
==========================================================================================
Theme 2: Magenta

Colors:
#E52168: magenta		(Primary)
#B9ECE4: light blue		(Accent 1)
#00A8CD: bright blue	(Accent 2)

#D1466F: dark magenta, used on the header button
==========================================================================================
*/

body.theme-magenta .primary {
    color: #E52168
}
body.theme-magenta .bkgd-primary {
    background-color: #E52168;
    color: #fff
}
body.theme-magenta .secondary {
    color: #B9ECE4
}
body.theme-magenta .bkgd-secondary {
    background-color: #B9ECE4;
    color: #fff
}
body.theme-magenta .tertiary {
    color: #00A8CD
}
body.theme-magenta .bkgd-tertiary,
body.theme-magenta input[type=submit] {
    background-color: #00A8CD;
    color: #fff
}
body.theme-magenta #drawer>nav .nav-main.menu-sub.section-navigation li:not(.launch) a,
body.theme-magenta .btn.btn-link.btn-primary,
body.theme-magenta .h1,
body.theme-magenta .h2,
body.theme-magenta .h3,
body.theme-magenta .h4,
body.theme-magenta .h5,
body.theme-magenta .h6,
body.theme-magenta a.btn.btn-link.btn-primary,
body.theme-magenta button.btn-link.btn-primary,
body.theme-magenta h1,
body.theme-magenta h2,
body.theme-magenta h3,
body.theme-magenta h4,
body.theme-magenta h5,
body.theme-magenta h6,
body.theme-magenta li:before {
    color: #E52168
}
body.theme-magenta .btn.btn-link,
body.theme-magenta a,
body.theme-magenta a.btn.btn-link,
body.theme-magenta blockquote,
body.theme-magenta button.btn-link {
    color: #00A8CD
}
body.theme-magenta #drawer>nav .nav-main.menu-sub.section-navigation li:not(.launch) a,
body.theme-magenta .tags .btn,
body.theme-magenta .tags a {
    color: #e52168
}
body.theme-magenta blockquote {
    border-left-color: #E52168
}
body.theme-magenta .btn.btn-link.btn-primary,
body.theme-magenta a.btn.btn-link.btn-primary,
body.theme-magenta button.btn-link.btn-primary {
    border: 2px solid #E52168
}
body.theme-magenta p a:hover {
    border-bottom-color: #B9ECE4
}
body.theme-magenta .btn.btn-link,
body.theme-magenta a.btn.btn-link,
body.theme-magenta button.btn-link {
    border: 2px solid #b9ece4
}
body.theme-magenta p a.btn {border-bottom:0}
body.theme-magenta p a,
body.theme-magenta .item-list a {
    border-bottom-color: #00A8CD
}
body.theme-3 input[type=text]:focus {
    border-color: #b9ece4
}
body.theme-magenta .btn.btn-primary:before,
body.theme-magenta .button.btn-primary:before,
body.theme-magenta a.btn.btn-primary:before,
body.theme-magenta button.btn-primary:before {
    background-color: #E52168
}
body.theme-magenta .btn:before,
body.theme-magenta button:before {
    background-color: #B9ECE4
}
body.modal-open.theme-magenta #bodymodal {
    background: rgba(229, 33, 104, .95)!important
}
body.theme-magenta .tags .btn {
    border: 1px solid #e52168
}
body.theme-magenta .tags .btn:before {
    background-color: transparent
}
body.theme-magenta .contain-secondary,
body.theme-magenta .contain-secondary hr {
    border-color: #e52168
}
body.theme-magenta .contain-tertiary,
body.theme-magenta .contain-tertiary hr {
    border-color: #b9ece4
}
body.theme-magenta #HEADER-TITLE .btn.btn-primary:before {
    background-color: #D1466F
}
body.theme-magenta #HEADER-TITLE .btn.label i {
    font-weight: 100!important;
    font-weight: 400!important
}
body.theme-magenta .nav-tabs .labels a {
    background: #e52168;
    color: #fff
}
body.theme-magenta .accordion .panel-heading a::before {
    border: 2px solid #E52168;
    color: #E52168
}
body.theme-magenta .accordion .panel-heading a:hover .title,
body.theme-magenta .accordion .panel-heading a:hover::before {
    border-color: #00A8CD;
    color: #00A8CD
}
body.theme-magenta .nav-tabs .labels .active a,
body.theme-magenta .nav-tabs .labels .active a:hover,
body.theme-magenta .nav-tabs .labels a:hover {
    background: #b9ece4;
    color: #00a8cd
}
body.theme-magenta .nav-tabs .labels .active a::after {
    border-top: 8px solid #b9ece4
}
body.theme-magenta #CONTENT .container.page-list li {
    background: #E52168;
    color: #fff
}
body.theme-magenta #CONTENT .container.page-list li a {
    color: #fff
}
body.theme-magenta #CONTENT .container ul.page-tabs li a:hover,
body.theme-magenta #CONTENT .container.page-list ul li.active a,
body.theme-magenta ul li.ui-state-active a,
body.theme-magenta ul li.show-menu a {
    background: #B9ECE4;
    color: #00A8CD
}
body.theme-magenta #CONTENT .container ul.page-tabs li.title-tab {
    color: #00A8CD;
    font-weight: 400
}
body.theme-magenta .nav-tabs .list-horizontal>li {
    display: inline-block;
}
body.theme-magenta .container.paging .row p>a,
body.theme-magenta .container.paging .row p>a:hover,
body.theme-magenta a.paging,
body.theme-magenta a.paging:hover {
    color: #E52168;
    font-weight: 400;
    border-bottom: 0;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}
body.theme-magenta .container.paging .row p>a:hover,
body.theme-magenta a.paging:hover {
    border-bottom: 3px solid #E52168
}
body.theme-magenta .carousel.col-2 .carousel-cell:hover .img-title {
    color: #E52168
}
body.theme-magenta .carousel-cell:hover,
body.theme-magenta .carousel-cell:hover .inner-wrap>img+p,
body.theme-magenta .carousel-cell:hover a>p,
body.theme-magenta .carousel-cell:hover>p {
    border-color: #E52168
}
@media only screen and (max-width: 768px) {
    body.theme-magenta.drawer-open #GLOBAL-navigation-main .nav-main li a {
        color: #E52168
    }
}
body.theme-magenta #CONTENT .container.page-list .dropdown li a,
body.theme-magenta #CONTENT .container.page-list .show-menu a.menu__link {
    color: #00A8CD
}
body.theme-magenta #CONTENT .container ul.page-tabs.page-filters li.title-tab a {
    background-color: transparent;
    color: #00A8CD;
}

body.theme-magenta .table th, body.theme-magenta .views-table th {
    color: #E52168;
}

/*
==========================================================================================
==========================================================================================
Theme 3: Orange

Colors:
#FE685C: orange			(Primary)
#F5E487: yellow			(Accent 1)
#23AD94: green			(Accent 2)

#D15A52: dark ornage, used on the header button (add 15%K )
==========================================================================================
*/

body.theme-orange .primary {
    color: #FE685C
}
body.theme-orange .bkgd-primary {
    background-color: #FE685C;
    color: #fff
}
body.theme-orange .secondary {
    color: #F5E487
}
body.theme-orange .bkgd-secondary {
    background-color: #F5E487;
    color: #fff
}
body.theme-orange .tertiary {
    color: #23AD94
}
body.theme-orange .bkgd-tertiary,
body.theme-orange input[type=submit] {
    background-color: #23AD94;
    color: #fff
}
body.theme-orange #drawer>nav .nav-main.menu-sub.section-navigation li:not(.launch) a,
body.theme-orange .btn.btn-link.btn-primary,
body.theme-orange .h1,
body.theme-orange .h2,
body.theme-orange .h3,
body.theme-orange .h4,
body.theme-orange .h5,
body.theme-orange .h6,
body.theme-orange a.btn.btn-link.btn-primary,
body.theme-orange button.btn-link.btn-primary,
body.theme-orange h1,
body.theme-orange h2,
body.theme-orange h3,
body.theme-orange h4,
body.theme-orange h5,
body.theme-orange h6,
body.theme-orange li:before {
    color: #23AD94
}
body.theme-orange .btn.btn-link,
body.theme-orange a,
body.theme-orange a.btn.btn-link,
body.theme-orange blockquote,
body.theme-orange button.btn-link {
    color: #23AD94
}
body.theme-orange #drawer>nav .nav-main.menu-sub.section-navigation li:not(.launch) a,
body.theme-orange .tags .btn,
body.theme-orange .tags a {
    color: #FE685C
}
body.theme-orange blockquote {
    border-left-color: #FE685C
}
body.theme-orange .btn.btn-link.btn-primary,
body.theme-orange a.btn.btn-link.btn-primary,
body.theme-orange button.btn-link.btn-primary {
    border: 2px solid #FE685C
}
body.theme-orange p a.btn {border-bottom:0}
body.theme-orange p a:hover {
    border-bottom-color: #F5E487
}
body.theme-orange .btn.btn-link,
body.theme-orange a.btn.btn-link,
body.theme-orange button.btn-link {
    border: 2px solid #F5E487
}
body.theme-orange p a,
body.theme-orange .item-list a {
    border-bottom-color: #23AD94
}
body.theme-orange input[type=text]:focus {
    border-color: #F5E487
}
body.theme-orange .btn.btn-primary:before,
body.theme-orange .button.btn-primary:before,
body.theme-orange a.btn.btn-primary:before,
body.theme-orange button.btn-primary:before {
    background-color: #FE685C
}
body.theme-orange .btn:before,
body.theme-orange button:before {
    background-color: #F5E487
}
body.modal-open.theme-orange #bodymodal {
    background: rgba(254, 104, 92, .95)!important
}
body.theme-orange .tags .btn {
    border: 1px solid #FE685C
}
body.theme-orange .tags .btn:before {
    background-color: transparent
}
body.theme-orange .contain-secondary,
body.theme-orange .contain-secondary hr {
    border-color: #FE685C
}
body.theme-orange .contain-tertiary,
body.theme-orange .contain-tertiary hr {
    border-color: #F5E487
}
body.theme-orange #HEADER-TITLE .btn.btn-primary:before {
    background-color: #D15A52
}
body.theme-orange #HEADER-TITLE .btn.label i {
    font-weight: 100!important;
    font-weight: 400!important
}
body.theme-orange .nav-tabs .labels a {
    background: #FE685C;
    color: #fff
}
body.theme-orange .accordion .panel-heading a::before {
    border: 2px solid #FE685C;
    color: #FE685C
}
body.theme-orange .accordion .panel-heading a:hover .title,
body.theme-orange .accordion .panel-heading a:hover::before {
    border-color: #23AD94;
    color: #23AD94
}
body.theme-orange .nav-tabs .labels .active a,
body.theme-orange .nav-tabs .labels .active a:hover,
body.theme-orange .nav-tabs .labels a:hover {
    background: #F5E487;
    color: #FE685C
}
body.theme-orange .nav-tabs .labels .active a::after {
    border-top: 8px solid #F5E487
}
body.theme-orange #CONTENT .container.page-list li {
    background: #FE685C;
    color: #fff
}
body.theme-orange #CONTENT .container.page-list li a {
    color: #fff
}
body.theme-orange #CONTENT .container ul.page-tabs li a:hover,
body.theme-orange #CONTENT .container.page-list ul li.active a,
body.theme-orange ul li.ui-state-active a,
body.theme-orange #CONTENT .container.page-list ul li.show-menu a {
    background: #F5E487;
    color: #23AD94
}
body.theme-orange #CONTENT .container ul.page-tabs .dropdown-menu li a:hover {
    background: #F5E487;
    color: #FE685C
}
body.theme-orange #CONTENT .container ul.page-tabs li.title-tab {
    color: #23AD94;
    font-weight: 400
}
body.theme-orange .nav-tabs .list-horizontal>li {
    display: inline-block
}
body.theme-orange .container.paging .row p>a,
body.theme-orange .container.paging .row p>a:hover,
body.theme-orange a.paging,
body.theme-orange a.paging:hover {
    color: #FE685C;
    font-weight: 400;
    border-bottom: 0;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}
body.theme-orange .container.paging .row p>a:hover,
body.theme-orange a.paging:hover {
    border-bottom: 3px solid #FE685C
}
body.theme-orange .carousel.col-2 .carousel-cell:hover .img-title {
    color: #FE685C
}
body.theme-orange .carousel-cell:hover,
body.theme-orange .carousel-cell:hover .inner-wrap>img+p,
body.theme-orange .carousel-cell:hover a>p,
body.theme-orange .carousel-cell:hover>p {
    border-color: #FE685C
}
@media only screen and (max-width: 768px) {
    body.theme-orange.drawer-open #GLOBAL-navigation-main .nav-main li a {
        color: #FE685C
    }
}
body.theme-orange #CONTENT .container ul.page-tabs.page-filters li.title-tab a {
    background-color: transparent;
    color: #23AD94;
}

body.theme-orange .table th, body.theme-orange .views-table th {
    color: #FE685C;
}
/*
==========================================================================================
==========================================================================================
Theme 4: Aqua

Colors:
#00C8CC: aqua			(Primary)
#E5CDE0: mauve/pink			(Accent 1)
#B1385C: plum			(Accent 2)

#00AAAD: dark aqua, used on the header button (add 15%K )
rgba(0, 200, 204, .50) !important; MODALS
==========================================================================================
*/

body.theme-aqua .primary {
    color: #00C8CC
}
body.theme-aqua .bkgd-primary {
    background-color: #00C8CC;
    color: #fff
}
body.theme-aqua .secondary {
    color: #E5CDE0
}
body.theme-aqua .bkgd-secondary {
    background-color: #E5CDE0;
    color: #fff
}
body.theme-aqua .tertiary {
    color: #B1385C
}
body.theme-aqua .bkgd-tertiary,
body.theme-aqua input[type=submit] {
    background-color: #B1385C;
    color: #fff
}
body.theme-aqua #drawer>nav .nav-main.menu-sub.section-navigation li:not(.launch) a,
body.theme-aqua .btn.btn-link.btn-primary,
body.theme-aqua .h1,
body.theme-aqua .h2,
body.theme-aqua .h3,
body.theme-aqua .h4,
body.theme-aqua .h5,
body.theme-aqua .h6,
body.theme-aqua a.btn.btn-link.btn-primary,
body.theme-aqua button.btn-link.btn-primary,
body.theme-aqua h1,
body.theme-aqua h2,
body.theme-aqua h3,
body.theme-aqua h4,
body.theme-aqua h5,
body.theme-aqua h6,
body.theme-aqua li:before {
    color: #00C8CC
}
body.theme-aqua .btn.btn-link,
body.theme-aqua a,
body.theme-aqua a.btn.btn-link,
body.theme-aquablockquote,
body.theme-aqua button.btn-link {
    color: #00C8CC
}
body.theme-aqua #drawer>nav .nav-main.menu-sub.section-navigation li:not(.launch) a,
body.theme-aqua .tags .btn,
body.theme-aqua .tags a {
    color: #00C8CC
}
body.theme-aqua blockquote {
    border-left-color: #00C8CC
}
body.theme-aqua .btn.btn-link.btn-primary,
body.theme-aqua a.btn.btn-link.btn-primary,
body.theme-aqua button.btn-link.btn-primary {
    border: 2px solid #00C8CC
}
body.theme-aqua p a:hover {
    border-bottom-color: #E5CDE0
}
body.theme-aqua .btn.btn-link,
body.theme-aqua a.btn.btn-link,
body.theme-aqua button.btn-link {
    border: 2px solid #E5CDE0
}
body.theme-aqua p a.btn {border-bottom:0}
body.theme-aqua p a,
body.theme-aqua .item-list a {
    border-bottom-color: #00C8CC
}
body.theme-aqua input[type=text]:focus {
    border-color: #00C8CC
}
body.theme-aqua .btn.btn-primary:before,
body.theme-aqua .button.btn-primary:before,
body.theme-aqua a.btn.btn-primary:before,
body.theme-aqua button.btn-primary:before {
    background-color: #00C8CC
}
body.theme-aqua .btn:before,
body.theme-aqua button:before {
    background-color: #E5CDE0
}
body.modal-open.theme-aqua #bodymodal {
    background: rgba(0, 200, 204, .95)!important
}
body.theme-aqua .tags .btn {
    border: 1px solid #00C8CC
}
body.theme-aqua .tags .btn:before {
    background-color: transparent
}
body.theme-aqua .contain-secondary,
body.theme-aqua .contain-secondary hr {
    border-color: #00C8CC
}
body.theme-aqua .contain-tertiary,
body.theme-aqua .contain-tertiary hr {
    border-color: #E5CDE0
}
body.theme-aqua #HEADER-TITLE .btn.btn-primary:before {
    background-color: #00AAAD
}
body.theme-aqua #HEADER-TITLE .btn.label i {
    font-weight: 100!important;
    font-weight: 400!important
}
body.theme-aqua .accordion .panel-heading a::before {
    border: 2px solid #00C8CC;
    color: #00C8CC
}
body.theme-aqua .accordion .panel-heading a:hover .title,
body.theme-aqua .accordion .panel-heading a:hover::before {
    border-color: #B1385C;
    color: #B1385C
}
body.theme-aqua .nav-tabs .labels a {
    background: #00C8CC;
    color: #fff
}
body.theme-aqua .nav-tabs .labels .active a,
body.theme-aqua .nav-tabs .labels .active a:hover,
body.theme-aqua .nav-tabs .labels a:hover {
    background: #E5CDE0;
    color: #B1385C
}
body.theme-aqua .nav-tabs .labels .active a::after {
    border-top: 8px solid #E5CDE0
}
body.theme-aqua #CONTENT .container.page-list li {
    background: #00C8CC;
    color: #fff
}
body.theme-aqua #CONTENT .container.page-list li a {
    color: #fff
}

body.theme-aqua #CONTENT .container.page-list li.show-menu ul li a {
    color: #B1385C
}

body.theme-aqua #CONTENT .container ul.page-tabs li a:hover,
body.theme-aqua #CONTENT .container.page-list ul li.active a,
body.theme-aqua ul li.ui-state-active a,
body.theme-aqua ul li.show-menu a {
    background: #E5CDE0;
    color: #B1385C
}
body.theme-aqua #CONTENT .container ul.page-tabs li.title-tab {
    color: #B1385C;
    font-weight: 400
}
body.theme-aqua .nav-tabs .list-horizontal>li {
    display: inline-block
}
body.theme-aqua .container.paging .row p>a,
body.theme-aqua .container.paging .row p>a:hover,
body.theme-aqua a.paging,
body.theme-aqua a.paging:hover {
    color: #00C8CC;
    font-weight: 400;
    border-bottom: 0;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}
body.theme-aqua .container.paging .row p>a:hover,
body.theme-aqua a.paging:hover {
    border-bottom: 3px solid #00C8CC
}
body.theme-aqua .carousel.col-2 .carousel-cell:hover .img-title {
    color: #00C8CC
}
body.theme-aqua .carousel-cell:hover,
body.theme-aqua .carousel-cell:hover .inner-wrap>img+p,
body.theme-aqua .carousel-cell:hover a>p,
body.theme-aqua .carousel-cell:hover>p {
    border-color: #00C8CC
}
@media only screen and (max-width: 768px) {
    body.theme-aqua.drawer-open #GLOBAL-navigation-main .nav-main li a {
        color: #00C8CC
    }
}
body.theme-aqua #CONTENT .container ul.page-tabs.page-filters li.title-tab a {
    background-color: transparent;
    color: #B1385C;
}
body.theme-aqua .table th, body.theme-aqua .views-table th {
    color: #00C8CC;
}


/*
==========================================================================================
==========================================================================================
UNIVERSAL PALETTE
==========================================================================================
*/
/* Light Grey */

.grey-light {
    background: #C4C4C4;
    color: #ffffff;
}
.text-grey-light {
    color: #C4C4C4;
}
/* Medium Grey */

.grey,
.grey-medium,
.grey-default {
    background: #9B9B9B;
    color: #ffffff;
}
.text-grey,
.text-grey-medium,
.text-grey-default {
    color: #9B9B9B;
}
/* Dark Grey */

.grey-dark {
    background: #4A4A4A;
    color: #ffffff;
}
.text-grey-dark {
    color: #4A4A4A;
}
/* Black */

.black,
.bkgd-black {
    background: #000000;
    color: #ffffff;
}
.text-black {
    color: #000000;
}
/* White */

.white,
.bkgd-white {
    background: #ffffff;
    color: #C4C4C4;
}
.text-white {
    color: #ffffff;
}
/* Alerts */
/*
.alert-success { background: #3BDB76; color: #fff; }
.alert-warning { background: #FFAE02; color: #fff; }
.alert-danger { background: #EC5840; color: #fff; }
*/

.banner {
    position: relative;
    padding: 16px 20px;
    min-height: 65px;
    z-index: 2;
}
.banner p {
    margin: 0 20px 0 0;
}
.banner a,
.banner a:hover {
    color: #fff !important;
    border-color: #fff !important;
}
.banner .icon-close {
    position: absolute;
    right: 15px;
    top: 40%;
    color: #fff !important;
    cursor: pointer;
}
[class*="alert-"],
[class*="alert-"] a {
    color: #fff;
}
/* div [class*="alert-"], [class*="alert-"] a { color: #fff; } */

.alert-success {
    background: #3EBB6D;
}
.alert-warning {
    background: #F2A605;
}
.alert-danger {
    background: #EC5840;
}
.alert-message {
    background: #C6DAF2;
    color: #4a4a4a;
}
.alert-message a {
    color: #4a4a4a !important;
    border-color: #4a4a4a;
}
.map-tools .banner {
    padding: 10px;
    min-height: 0;
}
.map-tools .banner p {
    font-size: 15px;
}
/*
==========================================================================================
OVERRIDES, affected by the inclusion of palettes
======================================================================================= */
/* Nav */

.nav-main li a {
    color: #fff;
}
/* theme.css - should move to a 'core' stylesheet */
/* Buttons */

button:before,
.btn:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
}
button,
.button,
.btn,
body a.btn {
    position: relative;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.00);
}
button:hover,
.button:hover,
.btn:hover,
body a.btn:hover,
button:focus,
.button:focus,
.btn:focus,
body a.btn:focus {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.25);
}
button.btn-muted:before,
.button.btn-muted:before,
.btn.btn-muted:before,
body a.btn.btn-muted:before {
    background-color: #9B9B9B;
    /* .grey-medium */
}
button.btn-alert:before,
.button.btn-alert:before,
.btn.btn-alert:before,
body a.btn.btn-alert:before {
    background-color: #EC5840;
    /* .alert-danger */
}
button.btn-link:before,
.btn.btn-link:before,
body a.btn.btn-link:before {
    background-color: transparent;
}
button.btn-link:hover,
.button.btn-link:hover,
.btn.btn-link:hover,
body a.btn.btn-link:hover,
button.btn-link:focus,
.button.btn-link:focus,
.btn.btn-link:focus,
body a.btn.btn-link:focus {
    background: rgba(0, 0, 0, 0.10);
}
button.btn-link.btn-muted,
.btn.btn-link.btn-muted,
body a.btn.btn-link.btn-muted {
    /* .grey-medium */
    
    color: #9B9B9B;
    border: 2px solid #9B9B9B;
}
button.btn-link.btn-alert,
.btn.btn-link.btn-alert,
body a.btn.btn-link.btn-alert {
    /* .alert-danger */
    
    color: #EC5840;
    border: 2px solid #EC5840;
}
button.btn-white,
.button.btn-white,
.btn.btn-white,
body a.btn.btn-white {
    color: #666;
    background: rgba(255, 255, 255, 1.00);
}
/* Global/Site Specific */

body p a.noborder {
    border-bottom: 0
}
body p a.noborder:hover {
    border-bottom: 0
}

#CONTENT {
    color: #4A4A4A;
}
#CONTENT .container .row [class*="block"] img,
#CONTENT .container .row [class^="span-"] img {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}
#CONTENT .container .row [class*="block"] img:first-child,
#CONTENT .container .row [class^="span-"] img:first-child {
    margin-top: 0px;
}
#CONTENT .container .row [class^="span-"] img.inline {
    display: inline;
}
#CONTENT .container.page-list li {
    display: block;
    float: left;
    margin: 0;
}
#CONTENT .container.page-list ul:after {
    display: table;
    clear: both;
}
#HEADER-TITLE .btn.btn-primary {
    /* for some reason, the layer indexing is not working within the '#HEADER-TITLE'... */
}
#HEADER-TITLE .btn.label i {
    font-weight: 100 !important;
    font-weight: normal !important;
}
#HEADER .carousel-cell:hover {
    border-color: #fff
}
/* FOOTER */

li.select-languages button.dropdown-toggle:before {
    background-color: transparent !important;
}
li.select-languages .dropdown-menu {
    max-width: 230px;
}
li.select-languages .dropdown-menu li a {
    color: #484E80;
}
/* Carousels
=================================================================================== */
.page-content .bkgd-primary  a,
.bkgd-primary .carousel-cell:hover,
.bkgd-primary .carousel-cell:hover > p,
.bkgd-primary .carousel-cell:hover a > p,
.bkgd-primary .carousel-nav {
    border-color: #ffffff !important;
}
.page-content .bkgd-primary  a,
.bkgd-primary .carousel-cell p,
.bkgd-primary .carousel.col-2 .carousel-cell:hover .img-title {
    color: #ffffff !important;
}