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

/* ============================== bootstrap overrides ============================= */
body { color: #000000; font-size: 14px; font-family: 'Roboto', sans-serif; background: #356db8; }
h1, h2, h3, h4, h5, h6 { color: #542989; font-weight: bold; }
h1 { font-size: 35px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4, h5, h6 { font-size: 20px; }
p { margin-bottom: 16px; }
a, a:hover { color: #356db8; }
hr { border-color: #ebebeb; }
img { height: auto; max-width: 100%; }

.navbar { margin-bottom: 0; min-height: 0; background: #3c1171; font-size: 18px; }
.navbar-static-top { border: none; }
.navbar-collapse { border: none; box-shadow: none; max-height: none; border-top: none; }
.navbar-toggle { float: none; margin: 0 0 0 15px; padding: 15px 15px; border: none; border-radius: 0; background: #542989; }
.navbar-toggle .icon-bar { height: 3px; background-color: #fff; }
.navbar-nav > li > a { color: #fff; }
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > li.active > a { color: #fff; background: #542989; text-decoration: none; }
@media screen and (min-width: 992px) {
    .navbar-nav > li > a { padding: 20px 20px; margin: 0; }
}
@media screen and (min-width: 1200px) {
    .navbar-nav > li > a { padding: 20px 25px; }
}

.breadcrumb { float: right; background: none; margin: 16px 0; padding: 0; color: #b196c6; }
.breadcrumb a { color: #b196c6; }
.breadcrumb > li + li:before { color: #b196c6; content: "/ "; }

.btn, .btn-primary { padding: 10px 25px; border: none; border-radius: 20px; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #fff; background: #542989; }
.btn:hover, .btn:focus, .btn:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #fff; background: #3c1171; }

#page-header .btn, #page-header .btn-primary { color: #000; background: #fff; }
#page-header .btn:hover, #page-header .btn:focus, #page-header .btn:active, #page-header .btn-primary:hover, #page-header .btn-primary:focus, #page-header .btn-primary:active { color: #000; background: #f5f5f5; }

/* ============================== utility classes ============================= */
.image-align-left { float: left; margin: 0 25px 25px 0; }
.image-align-right { float: right; margin: 0 0 25px 25px; }

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

/* ============================== layout ============================= */
#page-header { padding-top: 20px; padding-bottom: 20px; font-size: 16px; color: #fff; background: #270648; }
.page-header-brand { margin-bottom: 10px; }
#page-header p { margin-bottom: 10px; }
#page-header a { color: #fff; }
#page-header .google_translate_element, #page-header a.goog-te-menu-value { color: #000; }
@media screen and (min-width: 1200px) {
    #page-header { font-size: 18px; }
}

.content-bg { padding-bottom: 20px; background: #fff; }
.breadcrumbs-bg { background: #542989; }

.banner-bg { padding: 35px 0; background: #542989; }
.home-main { padding: 30px 0; margin-bottom: 30px; font-size: 20px; background: #f5f5f5; }

.sidebar { color: #542989; }
.sidebar-bg { padding: 30px 25px; background: #f5f5f5; }
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { font-size: 30px; }

.side-nav { list-style-type: none; margin-bottom: 20px; padding: 0; font-size: 16px; font-weight: normal; }
.side-nav ul { list-style-type: none; margin-bottom: 0; }
.side-nav li a { color: #542989; display: block; padding: 6px 0; }
.side-nav li a:hover, .side-nav li.active a { color: #356db8; text-decoration: none; }
.side-nav li a:before { font-family: 'FontAwesome'; content: "\f0da"; padding: 0 8px 0 0; font-style: normal; color: #b196c6; }
.side-nav li a:hover:before, .side-nav li.active a:before { color: #356db8; }

#page-footer { padding-bottom: 20px; font-size: 14px; color: #fff; }
#page-footer a { color: #fff; }
#page-footer p { text-align: center; }
.footer-upper-bg { padding: 30px 0 20px; margin-bottom: 20px; font-size: 16px; background: #5987c6; }