/*
 Theme Name:   Fostering Hope
 Theme URI:    https://total.wpexplorer.com/
 Description:  Theme for the Fostering Hope website
 Author:       Jessica Reilley
 Author URI:   https://amixofpixels.com/
 Template:     Total
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 */

/** GENERAL THEME OPTIONS **/
:root {
	--navy: #0c404e;
	--navy-hover: #092932;
	--salmon: #ff573d;
	--salmon-hover: #ec442a;
}

.navy-bg {
	background-color: var(--navy);
}

.salmon-bg {
	background-color: var(--salmon);
}

h1 .sep-salmon-after::after, h2.sep-salmon-after::after {
	content: url('/wp-content/uploads/2022/05/home_charity2_sep1.png');
	display: block;
	margin-top: -10px;
}

p.sep-navy-after::after {
	content: url('/wp-content/uploads/2022/05/home_charity2_sep2.png');
	display: block;
	margin-top: 5px;
}

.buttons-row .vc_column-inner {
	position: relative;
	padding-bottom: 70px;
}

.buttons-row .theme-button-wrap {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
}

.colored-bg-row h2, .colored-bg-row h3, .colored-bg-row p {
	color: #fff;
}

p.fh-callout {
	font-family: 'Cabin Sketch', 'Times New Roman', serif;
	font-size: 22px;
	line-height: 1.2em;
}

a.theme-button.inline.navy-btn {
	background-color: var(--navy);
}

a.theme-button.inline.navy-btn:hover {
	background-color: var(--navy-hover);
}

/** HOME PAGE STYLES **/
.full-width-button-row h2 {
	text-align: center;
	color: #fff;
	padding: 20px;
}

.full-width-button-row a:hover {
	text-decoration: none;
}

.full-width-button-row .navy-bg:hover {
	background-color: var(--navy-hover);
	transition: .3s;
}

.full-width-button-row .salmon-bg:hover {
	background-color: var(--salmon-hover);
	transition: .3s;
}

/** SINGLE CHAPTER STYLES **/
#chapter-header h2 {
	text-align: center;
}

a.fh-chapter-fb {
	width: 40px;
	height: 40px;
	display: inline-block;
	font-size: 24px;
	text-align: center;
	background-color: #1877F2;
	color: #fff !important;
	border-radius: 50%;
	margin-top: 10px;
}

/** FOOTER STYLES **/
#footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .1);
}