/* =General CSS
-------------------------------------------------------------- */
.full_width,
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	float: left;
}
.clear_column {
	clear:both;
	display:block;
	font-size:0; height:0;
	line-height:0; width:100%;
	overflow: hidden;
}

/* =Shortcodes Templates
-------------------------------------------------------------- */

/* =Default Template (no margin)
-------------------------------------------------------------- */
.full_width  {
	width: 100%;
}
.one_half  {
	width: 50%;
}
.one_third  {
	width: 33.3%;
}
.two_third  {
	width: 66.6%;
}
.one_fourth  {
	width: 25%;
}
.three_fourth  {
	width: 75%;
}
.one_fifth  {
	width: 20%;
}
.two_fifth  {
	width: 40%;
}
.three_fifth  {
	width: 60%;
}
.four_fifth  {
	width: 80%;
}
.one_sixth  {
	width: 16.6%;
}
.five_sixth  {
	width: 83.4%;
}

/* =Responsive
-------------------------------------------------------------- */
/* Maximum width of 600 pixels. */
@media screen and (max-width: 600px) {
	.full_width,
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.three_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth {
		clear: both;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;
	}
}

/* =Small Margins Template
-------------------------------------------------------------- */
/*
.full_width  {
	width: 100%;
}
.one_half {
	width: 49% !important;
	margin-right: 2% !important;
}
.one_half.last_column {
	width: 49% !important;
	margin-right: 0px !important;
}
.one_third {
	width: 32% !important;
	margin-right: 2% !important;
}
.one_third.last_column {
	width: 32% !important;
	margin-right: 0px !important;
}
.two_third {
	width: 66% !important;
	margin-right: 2% !important;
}
.two_third.last_column {
	width: 66% !important;
	margin-right: 0px !important;
}
.one_fourth {
	width: 23.5% !important;
	margin-right: 2% !important;
}
.one_fourth.last_column {
	width: 23.5% !important;
	margin-right: 0px !important;
}
.three_fourth {
	width: 74.5% !important;
	margin-right: 2% !important;
}
.three_fourth.last_column {
	width: 74.5% !important;
	margin-right: 0px !important;
}
.one_fifth {
	width: 18.4% !important;
	margin-right: 2% !important;
}
.one_fifth.last_column {
	width: 18.4% !important;
	margin-right: 0px !important;
}
.two_fifth {
	width: 39% !important;
	margin-right: 2% !important;
}
.two_fifth.last_column {
	width: 39% !important;
	margin-right: 0px !important;
}
.three_fifth {
	width: 59% !important;
	margin-right: 2% !important;
}
.three_fifth.last_column {
	width: 59% !important;
	margin-right: 0px !important;
}
.four_fifth {
	width: 79.6% !important;
	margin-right: 2% !important;
}
.four_fifth.last_column {
	width: 79.6% !important;
	margin-right: 0px !important;
}
.one_sixth {
	width: 15% !important;
	margin-right: 2% !important;
}
.one_sixth.last_column {
	width: 15% !important;
	margin-right: 0px !important;
}
*/

-------------------------------------------------------------- */
/* memebership boxes. */

/*********************************************/
/* Membership rates
/*********************************************/

/*
.page-template-membership_rates-php .page-layout-4-body .grid {
    margin-top:60px;
    margin-bottom:40px;
}

.page-template-membership_rates-php .page-layout-4-body .grid-item-inner {
    border-bottom:0;
}

.page-template-membership_rates-php .rate-box-inner {
    position:relative;
    height:100%;
    padding-bottom:90px;
}

.page-template-membership_rates-php .rate-box-body {
    padding-top:30px;
    position:relative;
}

.page-template-membership_rates-php .rate-box {
    position:relative;
    width:20%;
}

.page-template-membership_rates-php .rate-boxes {
    table-layout:fixed;
}

.page-template-membership_rates-php .rate-box .rate-box-link {
    position:absolute;
    bottom:0;
    box-sizing:border-box;
    padding-left:15px;
    padding-right:15px;
    width:100%;
}

.page-template-membership_rates-php .rate-box .rate-box-link a {
    white-space: nowrap;
}

.page-template-membership_rates-php .rate-box .rate-box-title {
    margin-top: 20px;
}

.page-template-membership_rates-php .rate-box .grid-item-inner {
    position:relative;
}

.page-template-membership_rates-php .rate-box .box-button-container {
    width:100%;
    margin-bottom:40px;
    margin-top:40px;
}

@media screen {

    .page-template-membership_rates-php .breakpoint-body-size-s-m .rate-box {
        display:block;
        float:left;
        width:100%;
    }

}
.background-color-16, .page-template-membership_rates-php .rate-box-contributing {
    background-color: #f9b30f;
}

.background-color-17, .page-template-membership_rates-php .rate-box-supporting {
    background-color: #a5d21e;
}


.rate-box-body {
    font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 400;
 font-size: 15px;
    line-height: 20px;
color:#ffffff;
}

.rate-box-title{
    font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 700;
 font-size: 15px;
    line-height: 22px;
color:#ffffff;
}

.rate-box-price{
    font-family: "franklin-gothic-urw-n4","franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 700;
 font-size: 15px;
    line-height: 22px;
color:#ffffff;
}

.rate-box-contributing{
background-color: #E9B301;
}

.rate-box-supporting{
background-color: #B2D329;
}

.rate-box-sustaining{
background-color: #79C7B9;
}

.rate-box-leader{
background-color: #CC0088;
}

.rate-box-trustee{
background-color: #000000;
}

 .rate-box-link {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

*/

.box-button-container{
    width: 100%;
    margin-bottom: 40px;
    margin-top: 40px;
}