@charset "utf-8";

/************************ FOOTER BUTTONS ************************/
/*		IDs and/or Class Names will have to be changed			*/
/****************************************************************/

#calloutBtns {
    margin: 0;
}

#calloutBtns_Disabled {
    visibility: hidden;
    display: none;
}

#donateArea,
#volunteerArea {
    margin: 10px 0;
}

/* #donateHolder {
    margin-right: -10px;
}

#volunteerHolder {
    margin-left: -10px;
} */

#donate_btn,
#volunteer_btn {
    height: 107px;
    display: block;
    cursor: pointer;
}
#donate_btn,
#volunteer_btn {
    background-color: #4872ae;
}

#donate_btn:hover, #volunteer_btn:hover, #donate_btn:focus, #volunteer_btn:focus {
    background-color: #68645D;
}

.callout-Inner {
    color: #fff;
    padding: 12px 20px;
    text-align: center;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.calloutImg {
    display: inline-block;
    vertical-align: top;
    width: auto;
    max-height: 100%;
}

.footerCalloutTitle {
    font: 36px/38px 'Raleway',sans-serif;
    padding-left: 6px;
    display: inline-block;
    width: 45%;
    text-align: center;
    vertical-align: middle;
    margin: 25px 0;
}

.row [class*="col-md-"] {
    min-height: 0 !important;
}

#connectWithUs {
    text-align: center;
}

#connectWithUsTitle {
	display: inline-block;
	background: url(../assets/images/icons/conect_with_us.png) no-repeat scroll center center;
	height: 19px;
	width: 143px;
}

#connectWithUsTitle img {
	
}

#connectWithUsInner {
	display: inline-block;
	text-align: center;
	padding: 0;
}

.connectStrikethrough {
	background: none repeat scroll 0 0 #4872ae;
    border: 0 none;
    display: block;
    height: 1px;
    max-width: 289px;
    text-align: center;
    width: 100%;
	padding: 0;
}

.topStrikethrough {
	margin: -14px auto 12px;
}

.bottomStrikethrough {
	margin: 21px auto 0;
}

#connectCallout {
    margin-top: 10px;
	padding: 0;
}

#connectCallout .col-md-3 {
    background-size: 100%;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    margin: 0 14px;
    padding: 0;
    width: 40px;
}

#connectCallout .col-md-3:hover {
	background-size: 100%;
	height: 40px;
	width: 40px;
}

#facebookCTA {
	background:url(../assets/images/icons/fb_campaign.png) no-repeat scroll center center;
}

#twitterCTA {
	background:url(../assets/images/icons/twitter_campaign.png) no-repeat scroll center center;
}

#pinterestCTA {
	background:url(../assets/images/icons/pinterest_campaign.png) no-repeat scroll center center;
}

#youtubeCTA {
	background:url(../assets/images/icons/youtube_campaign.png) no-repeat scroll center center;
}

#facebookCTA:hover {
	background:url(../assets/images/icons/fb_campaign-hover.png) no-repeat scroll center center;
}

#twitterCTA:hover {
	background:url(../assets/images/icons/twitter_campaign-hover.png) no-repeat scroll center center;
}

#pinterestCTA:hover {
	background:url(../assets/images/icons/pinterest_campaign-hover.png) no-repeat scroll center center;
}

#youtubeCTA:hover {
	background:url(../assets/images/icons/youtube_campaign-hover.png) no-repeat scroll center center;
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
	#connectCallout .col-md-3 {
		margin: 0 12px;
	}
}

@media only screen and (max-width: 992px) {
    #connectCallout .col-md-3 {
		margin: 0 15px;
	}
	#db-mainContent {
        
	}
    .sectionHeading {
        	
    }
	#db-bodyCopy {
    		margin: 10px 20px;
	}
	#db-Callout {
    		margin: 25px 20px 0;
	}
    #donateHolder {
		padding-right: 0px;
		/* margin-right: -15px; */
	}
	
	#connectCallout {
    	text-align: center;
		margin-top: 20px !important;
	}
	
	.bottomStrikethrough {
    	margin-top: 15px !important;
	}
	
	#volunteerHolder {
		padding-left: 0px;
		/* margin-left: -15px; */
	}
}