/*
 Theme Name:   Heartfelt Child
 Theme URI:    https://rescuethemes.com/
 Description:  Heartfelt Child Theme
 Author:       Rescue Themes
 Author URI:   http://rescuethemes.com
 Template:     heartfelt
 Version:      1.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  heartfelt-child
*/

/* Colors

Dark Purple: #512D7F
Light Purple: #DDD5E5
Yellow: #FEE987

font-family: "Open Sans", Verdana, Helvetica, sans-serif !important;


*/
/* =Theme customization starts here
-------------------------------------------------------------- */


body {
	color: #000000 !important
}

.menu-item a:hover {
	color: #FEE987 !important;
}

.blog_section_title h2, .blog_section_title h5 a, .blog_section_title h5{
	color: #512D7F !important;
}


.fa {
	margin-right: 20px;
}

.donate-button-outer-wrap {
	display: none;
}

h1.entry-title, h1.entry-title a{
    font-family: "Open Sans", Verdana, Helvetica, sans-serif !important;
    font-weight: normal !important;
    color: #512D7F !important;
}

.entry-content h3 {
	font-family: "Open Sans", Verdana, Helvetica, sans-serif !important;
    font-weight: normal !important;
    color: #512D7F;
    font-size: 1.2em;
}

.featured-image-header {
    background-size:     cover;
    background-repeat:   no-repeat;
    background-position: center center;
    width: 100%; 
    height: 350px;
}

.callout-style {
	border: dotted #DDD5E5 2px !important;
	float: right;
	padding: 20px;
	margin: 0 20px 20px 20px;


}
.callout-style h5 {
	font-size: 1.2em;
	color: #512D7F;
	padding-bottom: 8px;
	border-bottom: dotted #DDD5E5 1px !important;

}
.callout-style ul {
	margin-left: 10px;
}
/* Responsive Masthead */
#responsive-header {
	background-color: #DDD5E5 !important;
	height: 400px;
	background: url("images/header-home-full.png") no-repeat center top;
}

.our-story-header {
	background: url("images/header-our-story-full.png")  no-repeat center top !important;
}

.our-work-header {
	background: url("images/header-our-work-full.png")  no-repeat center top !important;
}

.rare-disease-header {
	background: url("images/header-rare-disease-full.png")  no-repeat center top !important;
}

h3.widget-title {
	font-weight:normal !important;
	text-transform: none !important;
	text-align: center;
}

p.form-submit input.submit {
	padding: 11px !important;
	color: #FEE987 !important;
	background-color: #512D7F !important;
	font-size: 0.9em !important;
	text-transform: uppercase;
	border: solid #FEE987 1px !important;
}

.widget_nav_menu {
	text-align: center;
}
.menu-footer-menu-container, .textwidget {
	margin-top: -20px !important;
	text-align: center;

}
.social-icons {
	width: 20px;
	margin-bottom: 40px;
}
.newsletter-button {
	margin: 0 !important;
	padding: 11px !important;
	color: #FEE987 !important;
	background-color: #512D7F !important;
	font-size: 0.9em !important;
	text-transform: uppercase;
	border: solid #FEE987 1px !important;
}

.newsletter-form-wrap {
	width: 220px;
	float: left;
}

.newsletter-button-wrap {
	float: right;
	width: 90px;
}


.nooz-datetime {
	font-size: .6em;
}
.nooz-link a{
	font-family: "Open Sans", Verdana, Helvetica, sans-serif !important;
    font-weight: normal !important;
    color: #512D7F !important;
    font-size: 1.4em;
}
.nooz-more-link, .nooz-pagination {
	border: dotted #DDD5E5 2px !important;
	padding: 10px;
	margin: 0 20px 60px 20px;
	width: 150px !important;
	font-style: italic;
	color: #512D7F !important;
}
.nooz-more-link a, .nooz-pagination a{
	color: #512D7F !important;
}
li.nooz-item {
	list-style-type: none;
}

.author-name {
	font-size: 1.1em;
	color: #512D7F;
	text-align: center;
	margin: -40px 0 40px;
}

input[type="radio"], input[type="checkbox"] {

	margin: 20px 6px 20px 0 !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	.header-logo {
		height: 60px;
	}

	#responsive-header {
		height: 200px;
		background: url("images/header-home-mobile.png") no-repeat center top;
	}

	.our-story-header {
		background: url("images/header-our-story-mobile.png")  no-repeat center top !important;
	}

	.our-work-header {
		background: url("images/header-our-work-mobile.png")  no-repeat center top !important;
	}

	.rare-disease-header {
		background: url("images/header-rare-disease-mobile.png")  no-repeat center top !important;
	}

}

@media only screen and (max-width : 1024px){

/* Styles */
	.non-mobile-donate {
		display: none;
		border: solid red 1px;
	}
	.donate-button-outer-wrap {
		width: 100%;
		display: block;
		margin-top: -20px !important;
		margin-bottom: 20px
	}
		.donate-button-wrap {
			width: 200px;
			margin: 0px auto !important;
		}
			.donate_button {
				width: 200px !important;
				margin: 0 !important;
			}

}