/* Enter Your Custom CSS Here */

#jpe-test-row {
	background-position: left !important;
	background-size: cover !important;
}

/* enlarge the header */
#floating_menu header {
    padding: 30px 0 30px !important;
}

/* resize the header logo image */
header #logo > a > img {
    max-width: 215px !important;
    margin-top: -5px !important;
}

/* style the top-level menu items */
header nav>ul>li {
	font-size: 16px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

/* style the top-level header of Crown mega-menu */
.crown-menu-header a {
	color: #458ea4 !important;
	font-size: 15px !important;
	font-weight: bold !important;
	padding-top: 15px !important;
}

/* remove the default left padding/indention of mega-menu sub-menu items */
header nav li.has-extended>ul.sub-menu>li ul.sub-menu {
	margin-left: -17px !important;
}

@media only screen and (max-width: 768px){
	header nav li.has-extended ul.sub-menu>li ul.sub-menu {
  margin-left: 4px !important;		
}
}

/* style the mega-menu background color
header nav li.has-extended>ul.sub-menu {
	background: red;
}*/

/* style the background color of actual mega-menu items so that the background color of menu item links matches the background color specified above
header nav li.has-extended>ul.sub-menu li.menu-item {
	background: red;
}*/

/* style the background color of mega menu links on hover
header nav li.has-extended>ul.sub-menu li.menu-item a[href]:hover {
    background: #f5f5f5;
}*/

/*header nav ul li>ul {
	border: none !important;
}*/

/* style the 4 column sub-menu items */
.crown-menu-yellow a {
	color: #000000 !important;
	text-decoration: none !important;
  font-weight: normal !important;
	padding-top: 0px !important;
}

.crown-menu-yellow a:hover {
	color: #735312 !important;
	text-decoration: none !important;
  font-weight: bold !important;
	padding-top: 0px !important;
}

.crown-menu-blue a {
	color: #000000 !important;
	text-decoration: none !important;
  font-weight: normal !important;
	padding-top: 0px !important;
}

.crown-menu-blue a:hover {
	color: #735312 !important;
	text-decoration: none !important;
  font-weight: bold !important;
	padding-top: 0px !important;
}

.crown-menu-orange a {
	color: #000000 !important;
	text-decoration: none !important;
  font-weight: normal !important;
	padding-top: 0px !important;
}

.crown-menu-orange a:hover {
	color: #735312 !important;
	text-decoration: none !important;
  font-weight: bold !important;
	padding-top: 0px !important;
}

.crown-menu-green a {
	color: #000000 !important;
	text-decoration: none !important;
  font-weight: normal !important;
	padding-top: 0px !important;
}

.crown-menu-green a:hover {
	color: #735312 !important;
	text-decoration: none !important;
  font-weight: bold !important;
	padding-top: 0px !important;
}

.crown-menu-black a {
	color: #000000 !important;
	font-size: 18px !important;
	text-decoration: none !important;
  font-weight: normal !important;
	padding-top: 0px !important;
}

.crown-menu-black a:hover {
	color: #735312 !important;
	font-size: 18px !important;
	text-decoration: none !important;
  font-weight: bold !important;
	padding-top: 0px !important;
}

/* style the header 'Donate' button */
header ul.menu > li.h-cta >a {
	background: #d66f0e !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	border-radius: 0px !important;
}

/* CSC PAGE THRIVE DONATION POPUP WIDGET STYLING */

/* force the max height of donation widget area to correct default widget behavior that adds a huge whitespace under the donation widget 
.bSe iframe {
	max-height: 300px;
}*/

/* WORK IN PROGRESS - style the 'Donation' menu down arrow */
#menu-item-10932 li.h-cta > a {
	color: #ffffff !important;
}

/* style the footer menus */
.crown-menu-white-bold a {
	color: #ffffff !important;
	font-size: 16px !important;
	text-decoration: none !important;
  font-weight: bold !important;
	padding-top: 0px !important;
}

.crown-menu-white a {
	color: #ffffff !important;
	font-size: 13px !important;
	text-decoration: none !important;
	padding-top: 0px !important;
}

.crown-menu-white-indent-1 a {
	color: #ffffff !important;
	font-size: 13px !important;
	text-decoration: none !important;
	font-weight: normal !important;
	margin-left: 25px !important;
	padding-top: 0px !important;
}


.crown-menu-white-indent-2 a {
	color: #ffffff !important;
	font-size: 13px !important;
	text-decoration: none !important;
	font-weight: normal !important;
	margin-left: 50px !important;
	padding-top: 0px !important;
}

.crown-menu-donate-green-bold a {
	color: #13b00e !important;
	font-size: 16px !important;
	text-decoration: none !important;
  font-weight: bold !important;
	padding-top: 0px !important;
}

/* remove the default Thrive dotted line that appears under all footer menu items by default */
footer .colm section[id*="nav_menu"] ul li {
	border-bottom: none !important;
	line-height: 13px !important;
	letter-spacing: .5px !important;
}

/* customize the Thrive Call to Action widget button text for sidebar widget */
.oab button[type="submit"], .oab .ctaLink, .oab input[type="submit"] {
	font-size: 20px !important;
	text-transform: none !important;
	margin-bottom: 20px;
}

/* gravity forms customization to make Volunteer page checkbox items line up with the actual checkbox */
.gform_wrapper .gfield_checkbox li label {
    margin-top: 6px !important;
}

/* BLOG STYLING */

/* update main blog link color (also applies to Radio posts) */
.post-template-default p a {
	color: #d66f0e !important;
}

/* reduce space between site header and H1 title which was almost touching the header div */
.cnt article h1, .cnt article .entry-title {
margin-top: 25px;
color: #d66f0e;
}

/* create space under blog post pagination which was touching the footer by default */
.page-numbers {
	margin-bottom: 30px;
}

/* make numbered list item links appear orange without affecting the main navigation */
ol li a {
	color: #d66f0e !important;
}

/* make numbered list item links change color on hover without affecting the main navigation */
ol li a:hover {
	color: #0082a4 !important;
}

/* make h3 titles orange when deployed as links */
h3 a {
	color: #d66f0e !important;
}

/* style the blog article text size and color */
.cnt article p {
	color: #333333 !important;
	font-size: 17px !important;
}

/* style the post-meta info and link colors */
.cnt section .meta a {
	color: #d66f0e;
	font-size: 15px !important;
}

/* style the post-meta date and some other text */
.cnt section footer {
	color: #333333;
	font-size: 15px !important;
}

/* style the post meta data 'Tags' label */
.cnt section .tgs .showTags {
	color: #0082a4 !important;
	font-weight: bold !important;
}

/* style the box that contains the list of tags when hovering on the 'Tags' label in post footer */
.cnt section .tagsList {
	border: thin solid;
	border-color: #BBBDBF;
	border-radius: 4px;
}

/* style the actual post tags that appear when hovering over the 'Tags' label in post footer*/
.cnt section .tagsList a {
	color: #0082a4 !important;
	line-height: 25px !important;
}

.cnt section .tagsList a:hover {
	color: #d66f0e !important;
	line-height: 25px !important;
}

/* add more space below the post meta info so that the tag titles are visible when hovering on the 'Tags' link */
.cnt section footer {
	margin-bottom: 40px;
}

/* add some spacing between the bottom of header and the 'Category Archives' title heading
.cnt .awr {
	margin-top: 15px;
}*/

/* style the Christian Credit Counselors sidebar ad that appears on Resource pages and Resource Archive pages */

.jpe-ccc-ad {
	border: thin solid;
	border-width: 3px;
	border-color: #0082a4;
	border-radius: 10px;
	padding: 10px 10px 10px 10px;
}

.jpe-ccc-ad h3 {
	text-align: center;
	line-height: 34px;
}

.jpe-ccc-span1 {
	color: #333333;
}

.jpe-ccc-span2 {
	color: #d66f0e;
}

#jpe-ccc-text {
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	color: #555555;
	margin-bottom: 20px;
}

/* THRIVE Styling */
.thrv_text_element a:not(.tcb-button-link) {
	color: #d66f0e !important;
}

/* GIVEWP DONATIONS STYLING */

/* remove the default left-margin Thrive was adding to pre-assigned donation amounts */
ul#give-donation-level-button-wrap.give-donation-levels-wrap.give-list-inline {
	margin-left: 0px !important;
}

/* change the 'Make this donation monthly' text color blue and bold */
[id*=give-form] .give-recurring-donors-choice label {
  color: #0082a4 !important;
	font-weight: bold !important;
}

/* Style the Eli Savings App sidebar item that appears on /category/saving and Saving posts */
/* add extra lineheight to accommodate Eli verbiage */
.cnt .sAs .ttl {
	line-height: 1.5em !important;
}

/* RADIO STYLING */
/* make the radio links appear orange instead of default dark blue that was hard to see */
.radio-template-default .bSe a {
	color: #d66f0e !important;
}

/* RETIREMENT SAVINGS CALCULATOR */
/* remove the branding from calculator which references another website */
form.financial-calculators .cr {
	display: none !important;
}

/* fix the Thrive extra whitespace issue that was showing up on mobile */
@media only screen and (max-width: 380px){
footer {
    margin-top: 0;
    padding: 0px 0 20px 0;
	}}

/* DEBT SNOWBALL CALCULATOR */

/* make DSC font match remainder of site */
.crown-calculator-plugin {
    font-family: roboto !important;
}

/* style DSC 'Download PDF' button to make it more prominent */
a#get-schedule-pdf.nectar-button.medium.extra-color-2.regular-button {
	font-size: 20px !important;
	color: #0082a4 !important;
	text-decoration: underline !important;
}

/* restyle the main 'Let's Go', 'Clear Form', 'Previous' and 'Next' buttons */
.crown-calculator-plugin .next,.crown-calculator-plugin .nav.second-btn.nectar-button.extra-color-2, .crown-calculator-plugin .nav, .crown-calculator-plugin input.reset {
    background-color: #d66f0e !important;
    padding: 15px;
    padding-left: 25px;
    padding-right: 25px;
	  color: #ffffff !important; /* clear form button */
	  font-size: 17px !important; /* clear form button */
	  margin-bottom: 5px;
}

/* style the Debt Snowball Calculator input fields */
.crown-calculator-plugin .input-style {
	height: 30px !important;
	width: 100% !important;
	font-size: 17px;
}

/* style name and email input fields and add space between input fields and email results button on final page */
.crown-calculator-plugin .name-input, .crown-calculator-plugin .email-input {
    width: 100%;
	  height: 40px;
    margin-bottom: 30px;
	  font-size: 17px;
}

.crown-calculator-plugin .name-input:last-of-type {
	margin-left: 0% !important;
}

/* style the 'Email Results' button on final page */
a#email.nectar-button.medium.extra-color-2.email.regular-button {
    background-color: #d66f0e !important;
    padding: 15px;
    padding-left: 25px;
    padding-right: 25px;
	  color: #ffffff !important;
	  font-size: 17px !important;
}

.crown-calculator-plugin .email-toggle {
	width: 100% !important;
}

/* CSS MEDIA QUERIES */
/* remove the Thrive white space that is showing up by default at bottom of pages between final page content and top of footer - NOT CURRENTLY WORKING */
@media only screen and (max-width: 380px){
footer {

    margin-top: 0;
    padding: 0px 0 20px 0;
	}}