@import url("header.css");
@import url("footer.css");

/* ----------------------------- */
/* Hero styles
/* ----------------------------- */

.hero {
	background-image: url("../images/cardiology.jpg");
}

/* ----------------------------- */
/* Section styles
/* ----------------------------- */

.section-description {
	display: block;
	width: 100%;
	padding-bottom: 1.5rem;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1.0625rem;
	color: #333;
	text-align: justify;
	line-height: 29px;
}

.sub-section-title {
	display: block;
	width: 100%;
	padding-bottom: 1rem;

	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1.25rem;
	color: rgba(227, 32, 39, 0.85);
	text-align: left;
	text-shadow: 0px 1px 1px rgba(100, 100, 100, 0.2);
}

.sub-section-description {
	display: block;
	width: 100%;
	padding-bottom: 0;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color: #333;
	text-align: left;
}

.sub-section-list {
	display: block;
	list-style: none;
}

.sub-section-list li {
	display: block;
	position: relative;
	padding-bottom: 8px;
}

.sub-section-list li .list-number {
	display: inline-block;
	padding-right: 8px;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	color: rgba(227, 32, 39, 0.85);
	line-height: 24px;
}

.filler {
	display: block;
	width: 100%;
	height: 100px;
}

/* ----------------------------- */
/* Accordion styles
/* ----------------------------- */

.specialty-body {
	display: block;
	padding: 1rem;
	text-align: left;
}

.specialty-title {
	display: block;
	position: relative;
	width: 100%;
	padding: 16px;
	border-top: 1px solid rgba(227, 32, 39, 0.5);
    border-top: 1px solid rgba(0, 0, 0, 0.23);
	/*border-bottom: 1px solid rgba(227, 32, 39, 0.5);*/
	background-color: rgb(255,255,255);
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.125rem;
	color: rgba(227, 32, 39, 0.85);
	text-align: left;
	text-transform: uppercase;
    /*text-shadow: 0px 1px 1px rgba(100, 100, 100, 0.2);*/
}

.ui-state-active {
	background-color: rgba(227, 32, 39, 0.85);
	border-top: 1px solid rgba(227, 32, 39, 0.5);
    border-top: 1px solid rgba(246, 247, 247, 1);
	color: #fff;
}

.specialty-title:hover {
	background-color: rgba(227, 32, 39, 0.85);
    border-top: 1px solid rgba(227, 32, 39, 0.5);
	color: #fff;
	cursor: pointer;
	/*transition: all 0.45s ease;*/
}

.specialty-title:focus {
	outline: none;
}

.specialty-title .fa-plus-square-o {
	display: inline-block;
	position: absolute;
	right: 16px;
	font-size: 1.5rem;
}

#accordion {
    display: block;
    border-left: 1px solid rgba(227, 32, 39, 0.5);
    border-left: 1px solid rgba(0, 0, 0, 0.23);
    border-right: 1px solid rgba(227, 32, 39, 0.5);
    border-right: 1px solid rgba(0, 0, 0, 0.23);
    border-bottom: 1px solid rgba(227, 32, 39, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.23);
}

ul.list {
	display: block;
	list-style: none;
}

ul.list li {
	display: block;
	margin-bottom: 0.5rem;

}

ul li .element-title {
	display: block;

	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color: rgba(227, 32, 39, 0.85);
	line-height: 24px;

}

ul li .element-body {
	display: block;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color: rgba(51, 51, 51, 1);
	line-height: 24px;
}

ul li .info-element-body {
	display: block;
	margin-left: 1.5rem;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color: rgba(51, 51, 51, 1);
	line-height: 24px;
}

.specialty-body .info-text {
	display: block;
	margin-bottom: 0.5rem;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color: rgba(51, 51, 51, 1);
	line-height: 24px;
}

.specialty-body .info-text .fa-long-arrow-right {
	color: rgba(227, 32, 39, 0.85);
}

.specialty-body .info-text .bolded {
	font-weight: 600;
}

.info-element-body .bolded {
	font-weight: 600;
}

.specialty-body .line-separator {
	display: block;
	width: 100%;
	height: 6px;
}

.info-text-title {
	display: block;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: 600;
	color: rgba(227, 32, 39, 0.85);
	text-transform: uppercase;
	text-align: center;
}

.info-element-body .fa-exclamation-circle {
	color: rgba(227, 32, 39, 0.85);
}

.bolded em {
	font-weight: 400;
}

.bolded .parenthesis {
	font-weight: 400;
}