/* Include Google Fonts as direct link in HTML: family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&family=Raleway:wght@600 */
/* SITE COLORS
	#000035	LOGO: BLUE BLACK
	#554F4C	LOGO: GRAY
	#C9C4C5	LOGO: LIGHT GRAY
	#D25240	LOGO: RED
	#D69D65	LOGO: ORANGE
	#874035	LOGO: DARK BROWN
	#FEA670	LOGO: ORANGE
	#EABDA0	LOGO: TAN
	#41593B	LOGO: GREEN

	end SITE COLORS */
	
/* FONT ASSIGNMENTS 
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
end FONT ASSIGNMENTS */

/* ******************************************************************** */
/* CUSTOMIZATION BY KMF */

/* ***  TABLE OF CONTENTS  ******************************************** */

/* GENERAL CUSTOMIZATION (all sites) */
	/* GLOBAL ELEMENTS */
	/* MISCELLANEOUS CLASSES */
	/* ALIGNMENT CLASSES */
	/* BORDER RADIUS */
	/* FONT AWESOME PADDING */
	/* FONT WEIGHT CLASSES */
	/* HEADING CLASSES */
	/* LINE HEIGHT CLASSES */
	/* MARGIN CLASSES */
	/* PADDING CLASSES */

/*  1. HEADER */
/*  2. NAVIGATION */
/*  3. MAIN CONTENT */
/*  4. SIDEBAR */
/*  5. BLOG */
/*  6. FORMS */
/*  7. FOOTER */
/*  8. ELEMENTS */
/*  9. MISCELLANEOUS */
/* 10. RESPONSIVE */

/* ******************************************************************** */
/* 1. GENERAL CUSTOMIZATION */ 

/* GLOBAL ELEMENTS */
body 			{font-family: 'Raleway', Arial, Helvetica, sans-serif; line-height: 120%;}
h1, h2, h3 	{font-family: 'Raleway', Arial, Helvetica, sans-serif;}

body 			{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a				{color: #D25240; text-decoration: none;}
a:hover, a:active		
				{color: #D25240; text-decoration: underline; }
h1				{font-weight: 600; letter-spacing: -2px;}
h2 			{font-weight: 600; letter-spacing: -2px; font-size: 45px;}
h3 			{font-weight: 600; letter-spacing: -1px;}

li				{font-family: inherit; margin: 10px 25px 10px 0px;}

/* MISCELLANEOUS CLASSES */
.clear  	{clear: both; line-height: 1px;}
.bold 		{font-weight: 700;}
.glow 	{border: 1px solid #777; box-shadow: 0 0 15px #777;}
.white	{color: #FFF !important;}
.blue		{color: #0000CC;}
.red 		{color: #CC0033;}
.green	{color: #4F6B45;}
.gray		{color: #C9C4C5;}
.orange	{color: #D25240;}
.lorem	{color: #CCC; }

.small 	{font-style: normal; font-size: 12px; line-height: 14px;}
.tiny 		{font-style: normal; font-size: 11px; line-height: 14px;}
.note 		{font-size: 11px; font-weight: 600; padding: 5px 0;}
.col2		{column-count: 2; column-gap: 20px;}
.subtitle 	{font-size: 135%; letter-spacing: -1px; font-weight: 700; margin: 0 0 1em 0; text-align: center;}
.nw		{white-space: nowrap;}


/* ALIGNMENT CLASSES */
.left, .l			{text-align: left; float: left;}
.centered, .c 	{text-align: center; margin-left: auto; margin-right: auto;}
.right, .r 			{text-align: right !important; white-space: nowrap; padding-right: 5px; float: right;}
.justified, .j		{text-align: justify; margin-left: auto; margin-right: auto;}
.top, .t 			{vertical-align: top !important;}
.middle, .m 		{vertical-align: middle !important;}
.bottom, .b 		{vertical-align: bottom !important;}

/* BORDER RADIUS */
.rad5		{border-radius: 5px;}
.rad10	{border-radius: 10px;}
.rad15	{border-radius: 15px;}
.rad20	{border-radius: 20px;}
.rad50	{border-radius: 50px;}

/* FONT AWESOME PADDING */
.fa5 		{padding: 0 5px;}
.fa10 		{padding: 0 10px;}
.fa15		{padding: 0 15px;}
.fa20		{padding: 0 20px;}

/* FONT SIZE CLASSES */
.fs125	{font-size: 125%;}
.fs115		{font-size: 115%;}
.fs110		{font-size: 110%;}
.fs95		{font-size: 95%;}
.fs90		{font-size: 90%;}
.fs85		{font-size: 85%;}
.fs80		{font-size: 80%;}
.fs75		{font-size: 75%;}

/* FONT-WEIGHT CLASSES */
.fw3		{font-weight: 300;}
.fw4		{font-weight: 400;}
.fw5		{font-weight: 500;}
.fw6		{font-weight: 600;}
.fw7		{font-weight: 700;}
.fw8		{font-weight: 800;}
.fw9		{font-weight: 900;}

/* HEADING CLASSES */
.hdgA		{font-size: 135%; font-weight: 700; letter-spacing: -.5pt;}
.hdgB		{font-size: 125%; font-weight: 700;}
.hdgC	{font-size: 115%; font-weight: 700;}
.ada		{font-size: 20px; font-weight: 700; margin-top: 10px; margin-bottom: 0px; text-align: left;}

/* LINE HEIGHT */
.lh05		{line-height: 105%;}
.lh10		{line-height: 110%;}
.lh15		{line-height: 115%;}
.lh20		{line-height: 120%;}
.lh25		{line-height: 125%;}
.lh30		{line-height: 130%;}

/* MARGIN CLASSES */
.m5		{margin: 5px;}
.m10		{margin: 10px;}
.m15		{margin: 15px;}
.m20		{margin: 20px;}

/* PADDING CLASSES */
.pad5		{padding: 5px;}
.pad10	{padding: 10px;}
.pad15	{padding: 15px;}
.pad20	{padding: 20px;}
.pad30	{padding: 30px;}
.pad50	{padding: 50px;}

/* WIDTH CLASSES */
.w100		{width: 100%;}
.w90		{width: 90%;}
.w80		{width: 80%;}
.w70		{width: 70%;}
.w60		{width: 60%;}
.w50		{width: 50%;}
.w40		{width: 40%;}
.w30		{width: 30%;}
.w20		{width: 20%;}
.w10		{width: 10%;}

/* ******************************************************************** */
/* THEME CUSTOMIZATION */
/* ******************************************************************** */
/* 1. HEADER */
#main-navigation.navbar-fixed-top .navbar-collapse
	{max-height: 200px;}
.navbar-default .navbar-nav>li>a
	{font-size: 20px; text-decoration: none;}
#main-navigation.navbar-default
	{border-bottom: 2px solid #D25240; -webkit-box-shadow: 0px 3px 3px #111; -moz-box-shadow: 0px 3px 3px #111; box-shadow: 0px 3px 3px #111;}


/* ******************************************************************** */
/* 2. NAVIGATION */
.navbar-default .navbar-nav > li > a
	{padding: 40px 25px;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover	
	{color: #0000CC; background-color: #D25240;}

a.dropdown-item.smoothScroll
	{padding: 10px; line-height: 200%; text-decoration: none; color: #0000CC; font-size: 16px; white-space: nowrap;}
a.dropdown-item.smoothScroll:hover
	{background-color: #D25240;}

/* ******************************************************************** */
/* 3. MAIN CONTENT */
.title-content
	{padding: 25px 5%;}
.services-cta-container

/* ******************************************************************** */
/* 4. SIDEBAR */

/* ******************************************************************** */
/* 5. BLOG */

/* ******************************************************************** */
/* 6. FORMS */
#contact .contact-form input, #contact .contact-form textarea 
	{font-weight: 600; padding: 15px 25px; color: #41593B; font-size: 115%; background: #EEE; opacity: .85;}
#contact .contact-form .btn 
	{margin: 55px auto 0; font-size: 13px; border: 2px solid #D25240; font-weight: 700; }

/* ******************************************************************** */
/* 7. FOOTER */
#footer .copyright
	{margin-top: 25px; text-align: center; font-size: 13px; line-height: 110%;}
#tel
	{color: #D25240 !important; font-weight: bolder; }

/* ******************************************************************** */
/* 8. ELEMENTS */
.logo
	{height: 100px; width: auto;}


/* DONATE BUTTON  */
.btn-default, .btn-default.white-yellow
	{padding: 25px; width: 300px; letter-spacing: 0.025em;  font-size: 25px; transition: none;
		background-color: #EFD9C5 !important; text-shadow: none; margin-bottom: 25px;}

.btn-default:hover, .btn-default.white-yellow:hover
	{color: #FFF; background-color: #D25240 !important; border: 3px solid #554F4C; transition: none;}


/* ******************************************************************** */
/* 9. MISCELLANEOUS */

/* Bootstrap Adjustments */
.bg-primary
	{color: #000035; background-color: #C2CFD5; border: 2px solid #D25240; }
.well-lg
	{padding: 15px; border-radius:5px}

/* Scroll to Top */
.scrollup
	{background-position: center center; width: 55px; height: 55px; position: fixed; bottom: 5px; right: 25px; display: none; text-indent: -9999px; 	
		border-radius: 50%; color: #637985; background-image: url('../images/top.png'); background-repeat: no-repeat; background-color: transparent; }

/* 10. RESPONSIVE */
@media only screen and (max-width: 800px) {
#main-navigation.navbar-default .navbar-nav > li > a 
	{padding: 10px 25px; text-align: left; margin-bottom: 25px; }
}/* end media query */

@media only screen and (max-width: 700px) {
#main-navigation.navbar-default .navbar-toggle
	{margin-right: 5px;}
}/* end media query */

@media only screen and (max-width: 615px) {
#but-h-donate, #but-h-learn	
	{display: none; }

}/* end media query */

@media only screen and (max-width: 360px) {
#main-navigation.navbar-default .navbar-toggle
	{margin-right: 55px;}
#main-navigation .navbar-brand img
	{max-height: 75px; margin-top: -15px;}
body
	{font-size: smaller; padding: 0; }
#footer
	{display: none; }
.scrollup
	{width: 50px; height: 50px; right: 45px;}
h4	
	{font-size: smaller;}
p
	{margin: 5px 10px; }

}/* end media query */

/* ******************************************************************** */

/* CSS validated on 02-25-2024 */