/* Cincinnati - Fundraising and Charity HTML Template  */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two
5. Banner Section
6. Page Title
7. Promo Section
8. About Section
9. Causes Section / Two / Three
10. Causes Detail
11. Events and Donation
12. Event Section Two
13. Event Detail
14. Donation Section
15. Help Section
16. Who We Are
17. Call To Action
18. Gallery Section
19. Testimonial Section
20. News Section
21. Blog Single
22. Volunteers section
23. Fun Fact Section
24. Clients Section
25. Map Section
26. Contact Section
27. Main Footer
28. Sidebar Page Container
29. Comment Area
30. Comment Form
**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

====================================================================
	Page Title
====================================================================

***/

.page-title{
	position:relative;
	padding:205px 0px 145px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.page-title:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	content: "";
	opacity: 0.70;
}

.page-title h1{
	position:relative;
	font-size:50px;
	line-height:60px;
	font-weight:700;
	color:#ffffff;
	text-align:center;
	text-transform: capitalize;
}

.page-title p{
	position:relative;
	font-size:20px;
	line-height:60px;
	font-weight:300;
	color:#ffffff;
	text-align:center;
	text-transform: capitalize;
}
.page-breadcrumb{
	position:absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	background-color: none;
	font-family: "Roboto Condensed", sans-serif;
	letter-spacing: -0.02em;
}

.page-breadcrumb li{
	position:relative;
	display:inline-block;
	font-size:17px;
	line-height: 30px;
	color:#ffffff;
	margin-right:6px;
	padding-right:10px;
	font-weight:400;
	letter-spacing: -0.02em;
}

.page-breadcrumb li:after{
	position:absolute;
	right: -2px;
	top: 0;
	content: "/";
	font-size: 17px;
	line-height: 30px;
	color:#ffffff;
}

.page-breadcrumb li:last-child::after{
	display:none;
}

.page-breadcrumb li:last-child{
	padding-right:0px;
	margin-right:0px;
}

.page-breadcrumb li a{
	color:#ffffff;
	font-weight:400;
	text-transform:capitalize;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.page-breadcrumb li a:hover{
	color:#222222;
}

/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:60px;
	z-index: 1;
}

.sec-title h2{
	position: relative;
	display: block;
	font-size:42px;
	line-height: 1.25em;
	color: #ffffff;
	font-weight: 700;
	padding-bottom: 25px;
}

.sec-title h2:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 40px;
	background-color: #faa926;
	content: "";
	z-index: 1;
}

.sec-title .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
	margin-top: 25px;
}

.sec-title.text-center h2:before{
	right: 0;
	margin:0 auto;
}

.sec-title.light .text,
.sec-title.light h2{
	color: #ffffff;
}