/*
 * Shortcode Styles
 * Styles for the responsive shortcode and button shortcodes
 */

/*clearfixes*/
.cf:before,
.cf:after {
    content: " "; 
    display: table; 
}

.cf:after {
    clear: both;
}

/*responsive shortcodes*/
.responsive-row{
	width: 100%;
}

.responsive-row .column{
	float: left;
	padding: 0px 15px;
	text-align: center;
}
.responsive-row .one-third{
	width: 33.33%;
}
.responsive-row .one-half{
	width: 50%;
}
.responsive-row .two-third{
	width: 66.66%;
}
.responsive-row .one-full{
	width: 100%;
}
.responsive-row img{
	width: 100%;
}


/*button shortcodes*/
.donation-progress-button{
	background-color: #00a563;
	padding: 12px 15px;
	margin-bottom: 15px;
}
.donation-progress-button h3{
	text-align: center;
	margin-bottom: 0px;
	color: #fff;
	text-align: center;
}
.donation-progress-button h3 span{
	font-weight: bold;
}

/*Phones*/
@media screen and (max-width: 643px){
	
	/*responsive*/
	.responsive-row .one-third,
	.responsive-row .one-half,
	.responsive-row .two-third,
	.responsive-row .one-full{
		width: 100%;
		margin: 0px 0px 20px 0px;
	}
	

}