/*
 Theme Name:   4 Children with Love Child
 Theme URI:    http://www.anarieldesign.com/themes/charity-wordpress-theme/
 Description:  4 Children with Love Child Theme
 Author:       Anariel Design
 Author URI:   http://www.anarieldesign.com/
 Template:     4childrenwithlove
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, custom-colors, custom-menu, custom-header, custom-background, responsive-layout, threaded-comments, sticky-post
*/
#header {background: url('//drmm.org/wp-content/uploads/2015/11/detroit-skyline.jpg') top left no-repeat;background-size: cover;}
.logo img {border-right: 1px solid #ccc;}
.taglines {width:300px;margin:0;padding:10px 0 0 20px;min-height:80px;float:left;}
#mainnav ul li { border-right: 1px solid #bb4c7b;border-left: 0px;}
#calltoaction .programs { background-image:none !important; padding:5px 20px;}
#calltoaction .water {background-image:none !important;  padding:5px 20px;}
#calltoaction .donate {background-image:none !important;  padding:5px 20px;}
a.donate, .footer a.donate {background-image: none !important;padding:10px 20px;zoom: 1;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8fafa'); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a.donate:hover, .footer a.donate:hover, #calltoaction .donate:hover {margin-left: 0px;background:#e09f27;}
a.donate.purple {background-color:#aa1e5a;}
a.donate.purple:hover {background-color:#861746;}
#secondary-slider a.more-link:hover {margin-left: -5px;background:#e09f27;}
#calltoaction h3 {font-size:1em;}
a.more-link { background: -moz-linear-gradient(top,#c3628b 0,#aa1f5a 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c3628b),color-stop(100%,#aa1f5a)); background: -webkit-linear-gradient(top,#c3628b 0,#aa1f5a 100%); background: -o-linear-gradient(top,#c3628b 0,#aa1f5a 100%); background: -ms-linear-gradient(top,#c3628b 0,#aa1f5a 100%); background: linear-gradient(top,#c3628b 0,#aa1f5a 100%); border: 1px solid #aa1f5a;color:#fff;margin-right:5px;text-transform:uppercase;}
.program a.more-link, .program a.help-link {margin-right:15px;float:left; width:40%; text-align:center;text-transform:uppercase;}
a.more-link:hover, a.help-link:hover {margin-left:0px; background: -moz-linear-gradient(top,#aa1f5a 0,#881445 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#aa1f5a),color-stop(100%,#881445)); background: -webkit-linear-gradient(top,#aa1f5a 0,#881445 100%); background: -o-linear-gradient(top,#aa1f5a 0,#881445 100%); background: -ms-linear-gradient(top,#aa1f5a 0,#881445 100%); background: linear-gradient(top,#aa1f5a 0,#881445 100%);}
.blog-post-category a {color:#aa1f5a;}
#mainnav ul li a:hover, #mainnav ul li a:focus {color:#f2af32;}
.sub-menu {background:#f2af32 !important;}
.sub-menu a {color:#505050 !important;}
.sub-menu a:hover {color:#aa1f5a !important;}
ul.socials li:hover {border-bottom: 2px solid #f2af32;}
#title {padding:5px 0px;}
.blog-post-excerpt a.more-link {padding:5px 20px;}

.flickr-me-feed a {background-color:transparent; border:0px; float:left;}
.flickr-me-feed a.flickr-me-grid {margin:5px; padding:0px;}
.footer .flickr-me-feed img {margin-bottom:0px;}
.footer h3 {color:#aa0257;}
#cc_form_2 input.t {    width: 100%; height: 30px;padding: 0px 10px;border: 0px;}
#footerblock p.details {background: transparent;}
#footerblock p {color:#505050;}
.footer label { margin-bottom: 10px;font-size: 15px!important; font-family: Lato, sans-serif; display: block; color: #505050;}
.footer input[type="submit"] {    background-color: #f2af32;color: #fff; padding: 10px; border: #202d39; border: 0px;font-size: 14px !important; min-width: 50%;font-family: Lato, sans-serif; text-transform: uppercase;font-weight:600 !important;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.footer input[type="submit"]:hover {margin-left:0px;background:#e09f27;}
.footer #cc_form_2 input[type="text"] { padding:5px 10px; width:100%; border-radius:2px;}
.footer #cc_form_2 label {font-size:15px !important; margin-bottom:10px;}
.cc_safesubscribe {display:none !important;}
.footer .textwidget {color:#505050;font-size:15px;}
#footerblock {background:#e5e5e5 !important;}
#footermenublock {background:#aa0257 !important; }
.footer .orange {color:#505050;}
#footermenublock ul li a, #footerLinks a {color:#fff;}
#footermenublock ul li {border-right:1px solid #fff;}
#footerLinks .textwidget {color:#fff; font-size: 12px; padding-bottom: 20px;}
#footermenublock .one_half {width: 100%; text-align: center; margin-bottom: 0px;}
.menu-footer-main-container { padding-top: 10px;}
#footerLinks {float:none; width:100%;}
#footermenublock ul li:last-child {border-right:0px;}
h1 {text-transform:capitalize;}

/**** Home/Intro *****/
.homejoinnow.introblock { padding:30px 0;margin:0; }
.homejoinnow h1 { letter-spacing:normal;margin-bottom:0;line-height:normal;font-size: 2em; }

.donation-form {text-align:center;}
.donation-form .ask-levels {overflow:hidden;margin-bottom:20px;}
.donation-form .ask-levels button {background-color:#f2af32;border:0;float:left;margin:1%;padding:10px;width:23%;}
.donation-form .ask-levels button h3 {color:#ffffff;padding:0!important;}
.donation-form .ask-levels button:hover {cursor:pointer}
.donation-form .ask-levels button span {display:block;font-size:12px;line-height:normal;}
.donation-form .sc-form-group div .parsley-errors-list {display:inline}
.donation-form .sc-form-group .parsley-errors-list {display:none}
.donation-form .sc-msg {background-color:#f1f1f1;padding:10px;margin:0 auto 20px;max-width:600px;}
.donation-form .sc-radio-group input[type="radio"] {float:none;}
.donation-form .tributee input {width:280px;margin:0 auto 10px;}
.donation-form .send_acknowledgement_to {overflow:hidden;}
.donation-form .send_acknowledgement_to .sc-form-group {float:left;}
.donation-form .send_acknowledgement_to input {width:280px;margin:5px;}
.donation-form .sc-designate input {width:90%;margin:0 auto;}
.donation-form .sc-payment-btn {color:#ffffff;background-color:#aa1e59;margin-top:10px;border:none;border-radius:0;font-size:22px!important;font-weight:bold;padding:10px;width:200px;}
.donation-form .sc-payment-btn.red-btn {background-color:#c81c28;text-transform:uppercase;}
#sc_uea_custom_amount_1 {width:150px!important;height:50px;font-size:30px;font-weight:700;text-align:center;}

/***** Home/Services *****/
.serviceblock{padding:20px 0 0 0; background:#fff; background:-moz-linear-gradient(top,#dae3eb 0,#fff 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#dae3eb),color-stop(100%,#fff)); background:-webkit-linear-gradient(top,#dae3eb 0,#fff 100%); background:-o-linear-gradient(top,#dae3eb 0,#fff 100%); background:-ms-linear-gradient(top,#dae3eb 0,#fff 100%); background:linear-gradient(top,#dae3eb 0,#fff 100%); zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dae3eb', endColorstr='#ffffff')}
.service_box {width:24%;float:left;margin-right:1%;margin-bottom:1%;}
.service_box:last-child {margin-right:0;}
.service_box img {vertical-align:bottom;width:100%;}
.service_box h3 {font-size:1rem;text-transform:none;background-color:#aa0257;color:#ffffff;text-align:center;margin:0;}
.service_box_description {background-color:#ffffff;padding:10px;}

/***** Home/Latest News *****/
.newsblock{padding:20px 0 0 0; background:#fff; background:-moz-linear-gradient(top,#fdf5e8 0,#fff 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdf5e8),color-stop(100%,#fff)); background:-webkit-linear-gradient(top,#fdf5e8 0,#fff 100%); background:-o-linear-gradient(top,#fdf5e8 0,#fff 100%); background:-ms-linear-gradient(top,#fdf5e8 0,#fff 100%); background:linear-gradient(top,#fdf5e8 0,#fff 100%); zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf5e8', endColorstr='#ffffff')}
.newsblock h2 {margin:0;}
.newsblock .blog-post-main {padding:0;}
.latest-news {width:64%;margin-right:4%;float:left;}
.latest-news article {background:#fff;padding:20px;}
.latest-news .blog-post-thumb {max-width:300px;float:left;}
.latest-news .attachment-post-thumbnail {width:100%;}
.latest-news .blog-post-main {background:transparent;margin-left:320px;text-align:left;padding:0;}
.latest-news .blog-post-excerpt {text-align:left;}
.from-the-blog {width:32%;float:left;}
.from-the-blog .blog-post-main {text-align:left;padding:20px 20px 0;}
.from-the-blog .blog_news:last-child .blog-post-date-home {border-bottom:0;}

.extended-featured-widget h2 {font-size:1em;font-weight:normal;text-transform:none;letter-spacing:normal;}
.newssidebar ul li, ul.list li {background-image:none;padding:0;}

.timeline h5 {background-color:#f2af32;padding:20px;max-width:130px;margin:0 auto;font-size:130%;color:#ffffff;}
#post-306 .wpb_row { background: url(images/timeline-border.jpg) repeat-y center center;margin:0;}
#post-306 .wpb_row:nth-child(1), #post-306 .wpb_row .wpb_row {background:none;margin-bottom:35px;}

.x-btn {background-color:#f2af32;color:#fff;padding:10px 20px;text-transform:uppercase;font-size:1.1em;font-weight:600;transition:background-color .3s;}
.x-btn:hover {background-color:#e09f27;}

.x-img-circle {background-color:#f2af32;}

.content, .rev_slider_wrapper ul {padding:0;}

.entry-header {position:relative;}
.newsarticles .newstitle {margin-right:100px;}
.newsarticles p.meta {position:absolute;right:0;}

@media only screen and (max-width:1280px) {
    .newsblock h3 {font-size:1.2rem;}
    .news .blog-post-date-home {padding-bottom:10px;}
    .latest_news .blog-post-thumb img {width:255px;height:255px}
    .latest_news .blog-post-main {margin-left:255px;height:235px;padding:10px;}
    .latest_news .blog-post-excerpt {font-size:0.8rem;}
    .community_news .blog-post-main {padding:10px;}
    .blog_news .blog-post-main {text-align:left;padding:10px 10px 0 10px;}
}

/* Interior page styles */
.single-entry-content h3 {text-transform: initial; font-size: 220%; padding-top: 20px !important;}
.single-entry-content h2 {font-size:1.5em;}
h3.recent-posts {overflow:visible !important;word-wrap:normal !important;font-size:150% !important;}
.x-recent-posts .h-recent-posts, .x-recent-posts .x-recent-posts-date {overflow:visible !important; white-space:normal !important;}
.x-recent-posts .h-recent-posts {font-size: 1.3rem !important;}
.h-recent-posts {font-size:1.3rem !important;}
.x-recent-posts a {border:0px !important; padding:0px;}

@media only screen and (max-width:1000px) {
	p.title {display:none;}
	.program a.more-link, .program a.help-link {float:left; width:90%; margin-bottom:10px;}
	.program .circleimage {height:100px; width:100px;float:none; margin-left:auto; margin-right:auto;}
	.program .circleimage img {height:100px !important; width:100px !important;}
	.program h3 {text-align:center;line-height:1.1;margin-bottom:10px;}
	.program h3 a {float:none;}
	
	/***** Home/Services *****/
	.service_box { width: 49%; }
		
}

@media only screen and (max-width:959px) {
	.newsblock .grid_3:last-child {display:none;}
	.newsblock .grid_3 {width:48%;}
	#secondary-slider a.more-link {width:100%; text-align:center;}
	#secondary-slider .blog-post-date p {float:none; text-align:center;}
	.flickr-me-feed a.flickr-me-grid {margin: 3px;}
	.footer h3 {line-height:1.1;}
    /***** Home/Latest News *****/
    .news .two_fourths, .news .one_fourth {width:31%;margin-right:2%;}
    .latest-news {margin-bottom:20px;}
    .latest-news, .from-the-blog {width:100%;margin-right:0;float:none;}
#monthly-fields h3 {display: block;}
#monthly-fields .sc-form-group, #monthly-fields .sc-radio-group {display:block;}
.sc-radio-group label {display: block !important; margin: 5px 0px;}
}

@media only screen and (max-width: 770px) {
.taglines {width:100%;text-align:center;padding-left:0;}
.buttons section.donate { margin-bottom: 20px;}
div#calltoaction {width:100% !important;}
.buttons li {text-align:center;}
.logo {width:100%;float:none; margin-left:auto; margin-right:auto;}
.logo img {margin-left: auto; margin-right: auto;display: inline; float: none;}
#mainnav {max-width:100%;}
#mainnav ul li { border-right: 0px;}
.latestpost .post {margin-top:20px;}
.donation-form .ask-levels button h3 {font-size:120%;}
.donation-form .honor-tributee .sc-form-group {float:none;}
.donation-form .honor-tributee input {width:100%;margin:0;}
.newsblock .grid_3:last-child {display:inline;}
.flickr-me-feed a.flickr-me-grid {margin: 0px 10px 10px 0px;}
/***** Home/Services *****/
.service_box {width:100%;margin-right:0;margin-bottom:20px;}
/***** Latest News *****/
.latest-news .blog-post-thumb {max-width:auto;float:none;}
.latest-news .blog-post-main {margin-left:0;}
.sc-radio-group label {font-size: 100% !important;}
}

@media only screen and (max-width: 767px) {
    .logo img { border-right:none;padding:10px 5px 0 0;width:50%;height:auto;margin-left: 25% !important;}
    /***** Home/Latest News *****/
    .news .two_fourths, .news .one_fourth {width:100%;margin-right:0;}
}

.container.fullwidth {
    width: 100%;
}

.container.fullwidth .wpb_wrapper {
    max-width: 1280px;
    margin: 0 auto;
}

.text-white p {
    color: #ffffff;
}

/**
 * Compassion Card Page
 */
.compassion-card-dl {
    width: 70%;
    margin: 20px auto;
    color: #ffffff;
}

.compassion-card-dl img.alignright {
    margin: 0;
}

.compassion-card-dl-intro {
    margin-bottom: 30px;
    padding-right: 250px;
    font-size: 1.3em;   
}

.compassion-card-dl-btn {
    float: left;
    margin: 0;
}

.compassion-card-dl-btn a {
    border: 2px solid #683e54;
    border-radius: 3px;
    background-color: #381438;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 20px;
}

.compassion-card-dl-preview {
    margin: 0;
}

@media only screen and (max-width:1100px) {
    .compassion-card-dl {
        width: auto;
        margin: 20px 40px;
        text-align: center;
    }
    .compassion-card-dl-intro {
        padding-right: 0;
    }
    .compassion-card-dl-btn {
        float: none;
        margin-bottom: 20px;
    }
    .compassion-card-dl img.alignright {
        float: none;
    }
}

.download-card {
    max-width: 700px;
    margin: 0 auto;
    text-align: left;
}

.download-card a {
    color: #0377bb;
    font-weight: bold;
}

div#monthly-fields {background: #f0f7f8;padding: 10px;margin: 20px;}
#monthly-fields h3 {font-size: 150%;text-align: center;margin: 0px;padding: 0px 20px;display: inline;}
#monthly-fields .sc-form-group, #monthly-fields .sc-radio-group {display:inline;}
#monthly-fields .hide-me {display:none;}
.sc-radio-group label {display: inline; margin-right: 20px;font-size: 120%;}