/* It is recommended to place all your extra/additional CSS rules here */

body {

    font-size:15px;
}


.align-left, div.align-left p
{
	text-align: left;
}

.event
{
	text-align: left;
	font-size: 14px;
}

.small-screen-only
{
	display: none;
}

.contact-title
{
	padding-left: 0px;
	font-size: 21px;
}

	.contact-details
	{
		padding-left: 40px;
	}


@media (max-width: 768px) {

	.small-screen-only
	{
		display: block;
	}

	.contact-details
	{
		padding-left: 30px;
	}
}


@media (max-width: 992px) {

	.donate-here
	{
		padding-left: 0px !important;
		padding-top: 30px;
	}
}

#left-sidebar #main-menu {

text-transform: capitalize;

}

#left-sidebar #main-menu > li.menu-item > a, #left-sidebar #main-menu > li.menu-item > span {

	text-align: left;
	padding-left: 50px;
	margin-top: 8px;
}

#left-sidebar #main-menu.journal > li.menu-item > a, #left-sidebar #main-menu.journal > li.menu-item > span
{
	padding-left: 50px;
	margin-top: 10px;
}

.modal .close {
top: 0px;
right: 0px;
}

#main-content .carousel *.title {
font-size: 1.2em;
}

#contact-btn, #donate-btn
{
	background-color: #183351;
	color:#FFF;
	border: none;
}

#contact-btn:hover, #donate-btn:hover
{
	background-color: #AD1F3A;
	color:#FFF;
}


.menu-item.active
{
	/*background-color:#1D6BA5;*/
}


.pull-center
{
    float: none;
    margin: 0 auto;
}

a {
	font-weight: normal;
}


hr.faint-1 {
	border-top: 1px solid #162C3F;
}

hr.faint-2 {
	border-top: 1px solid #271F37;
}

hr.faint-3 {
	border-top: 1px solid #333;
}

#main-content .feature-columns .feature-col .thumbnail .caption
{
	padding: 20px 0px 15px 0px;
}


#main-content .carousel .carousel-indicators.title-indicators {
	bottom: 40%;
}

#main-content .form-style input.text-field, #main-content .form-style textarea {
	border-color: #888;
}

#main-content .feature-columns .feature-col .thumbnail:hover {
background-color: inherit;
border-color: transparent;
}

#main-content .feature-columns .feature-col .thumbnail:hover * {
	color: #ccc;
}

.write-up
{
	height: 300px;
	overflow: auto;
	margin-bottom: 40px;
}

.write-up-topic
{
	margin-bottom: 30px;
}

.write-up-title
{
	font-weight: bold;
	color: #8194A6;
	font-size: 15px;
}

.write-up-date
{
	float: right;
	padding-right: 10px;
	font-size: 12px;
	color: #8194A6;
}


.cat-filter
{
	font-size: 12px;
	float: right;
	margin-right: -18px;
	color:#666;
}

.cat-filter a
{
	padding: 0px 4px 0 4px;
	font-weight: normal !important;
	color:#888;
}

.cat-filter a.active
{
	color:#265F91;
}


.pagination
{
	margin: 0px 0px 0px 0px;
}

.pagination>li>a, .pagination>li>span
{
	color: #ccc;
	background-color:rgba(28, 60, 91, 0.2);
	border: 1px solid #0F1A37;
	font-size: 11px;
}

.pagination>li>a:hover
{
	background-color: #fff;
	color: #333;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus
{
	background-color: #14304A;
	border-color: #14304A;
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus
{
	background-color:rgba(28, 60, 91, 0.2);
	border: 1px solid #0F1A37;
	color: #ccc;
}

.devotional
{
	height: 220px !important;
	overflow: auto;
	padding-right: 20px;
	padding-top: 20px;
}

.devotional-title
{
	font-weight: bold;
	color: #8194A6;
	font-size: 15px;
}

form.donate input[type=text], form.donate select
{
	width: 120px;
	margin-right: 20px;
}


#main-content .carousel .carousel-indicators.title-indicators li
{
	padding: 6px 4px;
}

#main-content .form-style input.text-field, #main-content .form-style textarea {
	height: 44px;
}

.donate-here
{
	padding-left:35px;
}

.alert
{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.close {
	color: #fff;
	text-shadow: 0 1px 0 #000;
}

.grayscale-background-image {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

::-webkit-scrollbar {
     width:10px;
	 height:10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
	width: 10px;
	display: block;
	background-color:rgba(20, 48, 74, 0.5);
}
::-webkit-scrollbar-track-piece {
	background-color: rgba(20, 48, 74, 0.3);
	width: 10px;
 
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal{
	height: 5px;
	background-color:rgba(20, 48, 74, 1);
}