/* NEW HELP SECTIONS */
.margin-top{
    margin-top: 8px;
}
.margin-bottom{
    margin-bottom: 8px;
}
.margin-bottom-2x{
    margin-bottom: 16px;
}
body{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    color: #333;
    font-weight: bold;
}
h3{
    font-size: 18px!important;
}
.header-component1 {
    margin-bottom: 0px!important;
}
/* Performance improvement */
#sidebar{
    content-visibility: auto; 
}

p{
    line-height: 1.5;
}
.circle{
    background-color: #fff;
    border: 6px solid #F07C00;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: 2px;
}

/* --- Breadcrumb */
.breadcrumb {
	font-size: 13px;
	font-weight: bold;
    background: none;
}

/* --- Breadcrumb links */
.breadcrumb > li a {
	color: #0070BB; /* $primary-blue */
	text-decoration: none;
}
.breadcrumb > li a:hover,
.breadcrumb > li a:focus {
	color: #0099FF; /* $med-blue */
	text-decoration: underline;
}

/* --- Breadcrumb separator (Chevron) */
.fa-angle-right:before {
	content: '\f005';
	color: #333333; /* $primary-black */
}
.bc-chevron {
	padding: 0 5px;
}

/* --- Breadcrumb current page */
.bc-no-link{
	color: #333333; /* $primary-black - (previously #585d62 $dark-cool-grey) */
}

/* Jumbotron */
.jumbotron{
    background: url("../images/st-jumbo.jpg") center no-repeat;
    background-color: #004A85;
    background-size: cover;
    background-position: center;
    padding: 40px 0;
}
/* Sidebar */
div#sidebar{
    width: 350px;
}
.st-title-dark{
    font-family: Arial,Helvetica,sans-serif;
    color: #333!important;
    font-weight: bold;
    font-size: 18px!important;
}
.st-title{
    font-family: Arial,Helvetica,sans-serif;
    color: #fff!important;
    font-weight: bold;
    font-size: 32px!important;
    text-align: center;
}

.st-subtitle{
    font-family: Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 28px!important;
    text-align: center;
}

.nav-pills > li.active > a {
    background-color: #0070bb;
}

/* .nav > li > a:hover {
    background-color: #e0e4e9;
    color: #0070bb;
} */


@media(max-width: 767px){
    .st-title{
        font-size: 28px;
    }
    .st-subtitle{
        font-size: 23px;
    }
}
.section-title{
    font-size: 18px;
    font-weight: bold;
}
.section-emphasis{
    color:#333;
    font-weight: bold;
}
.sub-category{
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 12px;
}
img.img-thumbnail{
    border: 1px solid #0099FF;
}
img.img-thumbnail:hover{
    border: 1px dashed #0099FF;
}