@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
@import url(/cms/core/lib/font-awesome/css/font-awesome.min.css);

/* ============================== bootstrap overrides ============================= */
body { color: #4b4b4b; font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4, h5, h6 { color: #1d699d; font-weight: bold; }
h1 { font-size: 24px; color: #002d56; }
h2 { font-size: 20px; }
h3, h4, h5, h6 { font-size: 18px; font-weight: normal; }
hr { border-color: #969696; }
a { color: #1d699d; }
a:hover { color: #1d699d; text-decoration: underline; }

.container { max-width: 970px; }

.navbar { margin-bottom: 15px; }
.navbar-static-top { border: none; }
.navbar-collapse { border: none; box-shadow: none; max-height: none; border-top: none; }
.navbar-toggle { margin-top: 6px; margin-bottom: 6px; border: none; }
.navbar-toggle .icon-bar { background-color: #878787; height: 3px; }
.navbar-nav > li > a { color: #002d56; font-size: 15px; }
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.active > a { color: #1d699d; text-decoration: none; }

@media screen and (min-width: 768px) {
    .navbar-collapse { border: none; }
    .navbar-nav > li > a { padding: 8px 20px; border-left: solid 1px #1d699d; }
    .navbar-nav > li:first-child > a { border-left: none; }
    .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.active > a { font-weight: bold; background: none; }
}

.breadcrumb { float: right; background: none; margin-bottom: 0; padding: 0; color: #323232; font-size: 12px; text-transform: uppercase; }
.breadcrumb a { color: #323232; }
.breadcrumb > li + li:before { color: #323232; content: "// "; }

.btn-blue, .btn-light-blue, .btn-green { display: block; text-align: center; font-family: Arial; color: #ffffff; font-size: 14px; padding: 10px 20px 10px 20px; text-decoration: none; }
.btn-blue { background: #00396b; background-image: -webkit-linear-gradient(top, #00396b, #001d36); background-image: -moz-linear-gradient(top, #00396b, #001d36); background-image: -ms-linear-gradient(top, #00396b, #001d36); background-image: linear-gradient(to bottom, #00396b, #001d36); }
.btn-light-blue { background: #325ca3; background-image: -webkit-linear-gradient(top, #325ca3, #022f57); background-image: -moz-linear-gradient(top, #325ca3, #022f57); background-image: -ms-linear-gradient(top, #325ca3, #022f57); background-image: linear-gradient(to bottom, #325ca3, #022f57); }
.btn-green { background: #4f7a54; background-image: -webkit-linear-gradient(top, #4f7a54, #1e4b4d); background-image: -moz-linear-gradient(top, #4f7a54, #1e4b4d); background-image: -ms-linear-gradient(top, #4f7a54, #1e4b4d); background-image: linear-gradient(to bottom, #4f7a54, #1e4b4d); }
.btn-blue:hover, .btn-light-blue:hover, .btn-green:hover { text-decoration: none; }
@media screen and (min-width: 768px) {
    .btn-blue, .btn-light-blue, .btn-green { max-width: 250px; }
}

.pagination > li > a, .pagination > li > span { color: #1d699d; background-color: #ffffff; border: 1px solid #969696; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #1d699d; background-color: #ebebeb; border-color: #969696; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #ffffff; background-color: #1d699d; border-color: #1d699d; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #1d699d; background-color: #ffffff; border-color: #969696; }

table { max-width: 100%; }
table + .pagination { margin-top: 0; }

.tab-content { padding-top: 15px; }
.nav-tabs { border-bottom-color: #969696; }
.nav-tabs > li > a { margin-right: 4px; border-radius: 0; background: #ebebeb; color: #002d56; border-color: #969696; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #fff; color: #002d56; font-weight: bold; border-color: #969696; border-bottom-color: transparent; }
.nav-tabs > li > a:hover { background-color: #c6c6c6; color: #fff; border-color: #969696; }

/* use of span ensures that these classes are only applied to RadioButtonList or CheckBoxList controls because they wrap the labels and inputs in a span, rather than a div wrap used by bootstrap */
span.radio input[type="radio"], span.checkbox input[type="checkbox"] { margin-left: 0; }
span.radio, span.checkbox { margin-top: 0; }
.form-group textarea { min-height: 8em; } /* this property is in lieu of the ability to set rows attribute in forms module, 1em is equivalent to the current font size */
span.radio.rbl-inline > label { margin-right: 10px; padding-left: 18px; } /* this is a useful extension class form fields such as donation amount on the donation form */

/* ============================== formatting ============================= */
img { height: auto; max-width: 100%; }
.image { border: solid 3px #002d56; }
.image-right { float: right; margin: 0 0 25px 25px; border: solid 3px #002d56; }
.image-left { float: left; margin: 0 25px 25px 0; border: solid 3px #002d56; }

/* small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
    .text-center-sm { text-align: center; }
    .text-right-sm { text-align: right; }
}
/* medium devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
    .text-center-md { text-align: center; }
    .text-right-md { text-align: right; }
}

/* ============================== page-header ============================= */
#page-header { padding-top: 20px; padding-bottom: 20px; }
#page-header .col-md-4 + .col-md-4 { padding-top: 5px; font-size: 16px; color: #878787; }

/* ============================== breadcrumbs ============================= */
#breadcrumbs-bar { padding: 10px 0; background: #ebebeb; border-top: solid 1px #969696; border-bottom: solid 1px #969696; }

/* ============================== pages ============================= */
#sidebar { padding-top: 10px; padding-bottom: 10px; color: #fff; background: #002d56; }
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { margin-bottom: 5px; color: #28b2f3; font-size: 24px; font-weight: normal; }

@media screen and (min-width: 992px) {
    #sidebar { min-height: 500px; }
    .sidebar-padding { padding: 25px 15px; }
}

.content-padding { padding: 10px 20px 10px 0; }

.side-nav { list-style-type: none; margin-bottom: 20px; padding: 0; }
.side-nav ul { list-style-type: none; margin-bottom: 0; }
.side-nav li { border-top: solid 1px #1d699d; }
.side-nav > li:first-child { border-top: none; }
.side-nav li a { color: #28b2f3; display: block; padding: 10px 15px; }
.side-nav li a:before { font-family: 'FontAwesome'; content: "\f0da"; padding: 0 8px 0 0; color: #28b2f3; }
.side-nav li a:hover, .side-nav li.active > a { font-weight: bold; text-decoration: none; }

#banner-wrap { margin: 0 0 25px; padding: 18px 0 0; background: #ebebeb; border-top: solid 1px #969696; border-bottom: solid 1px #969696; }
.banner-des { color: #fff; font-size: 13px; padding: 15px; margin: 6px 0 18px 0; }

@media screen and (min-width: 992px) {
    .banner-des { min-height: 120px; }
}

.banner-des h1, .banner-des h2, .banner-des h3, .banner-des h4, .banner-des h5, .banner-des h6 { padding: 0; margin: 0 0 10px; color: #52c4fa; font-size: 18px; font-weight: normal; }
.banner-des h1 a, .banner-des h2 a, .banner-des h3 a, .banner-des h4 a, .banner-des h5 a, .banner-des h6 a { color: #52c4fa; }
.banner-des p { margin: 0; }
.banner-des-1 { background: #1d699d; }
.banner-des-2 { background: #124b7c; }
.banner-des-3 { background: #002d56; }

/* ============================== footer ============================= */
#page-footer { margin-bottom: 10px; color: #124b7c; font-size: 12px; font-family: Tahoma, sans-serif; }
#page-footer p { margin: 0; }
#page-footer a { color: #124b7c; }
#page-footer .col-md-3, #page-footer .col-md-6 { margin-bottom: 10px; }

/* ============================================================ blogs ============================================================ */
/* posts page =============== */
.blog-posts-blog-description {}
.blog-posts article + article { margin-top: 25px; padding-top: 25px; border-top: solid 1px #969696; }
.blog-posts-post-header {}
.blog-posts-post-header h2 { margin-top: 0; }
.blog-posts-post-body {}
.blog-posts-post-footer { font-size: 85%; overflow: hidden; }
.blog-posts-post-publish-date { display: block; font-size: 85%; margin-bottom: 10px; }
.blog-posts-post-tags {}
.blog-posts-post-comments-link {}
.blog-posts-post-image { display: table-cell; vertical-align: top; padding-right: 20px; }
.blog-posts-post-image img { display: block; max-width: none; }
.blog-posts-post-content { display: table-cell; vertical-align: top; }

/* post page =============== */
.blog-post {}
.blog-post-header {}
.blog-post-body {}
.blog-post-footer { font-size: 85%; overflow: hidden; }
.blog-post-publish-date { display: block; font-size: 85%; margin-bottom: 10px; }
.blog-post-tags {}

.blog-post-comment-form { margin: 25px 0; padding: 25px 0; border-top: solid 1px #969696; border-bottom: solid 1px #969696; }
.blog-post-comment-form h2 { margin: 0 0 15px; }
.blog-post-comments {}
.blog-post-comments h2 { margin: 0 0 25px; }
.blog-post-comment { border: solid 1px #969696; padding: 10px; }
.blog-post-comment + .blog-post-comment { margin-top: 25px; }
.blog-post-comment-attribution { font-size: 85%; margin-bottom: 10px; }
.blog-post-comment-content { margin: 5px 0; }

/* tag cloud widget =============== */
.blog-tag-cloud { margin-bottom: 15px; }
.blog-tag-cloud a { margin-right: 5px; color: #28b2f3; }
.blog-tag-cloud a:hover { }
.blog-tag-cloud .smallest { font-size: 85%; }
.blog-tag-cloud .small { font-size: 100%; }
.blog-tag-cloud .medium { font-size: 130%; }
.blog-tag-cloud .big { font-size: 160%; }
.blog-tag-cloud .biggest { font-size: 190%; }

/* archives widget =============== */
.blog-archives { padding-left: 1em; }
.blog-archives, .blog-archives a { color: #28b2f3; }

/* blog posts widgets ===============*/
.blog-post-title-list, .blog-post-summary-list, .blog-post-image-tile-list { list-style: none; margin: 0; padding: 0; }

.blog-post-summary-list li { clear: both; margin-bottom: 25px; }
.blog-post-summary-list-title { font-size: 20px; }
.blog-post-summary-list-image { display: table-cell; vertical-align: top; padding-right: 20px; }
.blog-post-summary-list-image img { display: block; max-width: 200px; }
.blog-post-summary-list-content { display: table-cell; vertical-align: top; }

.blog-post-image-list li { display: inline-block; position: relative; margin: 0 40px 30px 0; padding: 0; text-align: center; max-width: 210px; vertical-align: top; }
.blog-post-image-list img { display: block; max-width: 300px; }
.blog-post-image-list a:first-child { display: block; margin-bottom: 5px; font-size: 20px; }
.blog-post-image-list a:last-child { display: block; margin-top: 5px; font-size: 20px; }