/*
Theme Name: 	Whole Planet Foundation
Description: 	Design by Trademark Media
Version: 		0.9
Author: 		Jonathan Baugh
Tags: 			sweet, awesome, bodacious, radical
*/
/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/
/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------


*/


/*  */
div#umbrella-extra {
    display:block;
    border: 1px solid #DAA520;
    padding: .6rem;
}


/* campaign-umbrella.php */
.member-block {
    padding: .3em;
    width: 160px;
    float: left;
    text-align: center;
    margin: 1.5em .5em .5em .5em;
    display: inline-block;
    min-height: 240px;
}

.first-member {
    clear: both;
    display: block;
    width: 100%;
}

.member-block a {
    text-decoration: none;
}

.member-list {
    width: 100%;
    list-style-type: none;
}

.member-list a {
    text-decoration: none;
}

.member-list td {
    width: 50%;
}

.member-list-container {
    display: block;
    clear: both;
    width: 100%;
}

.member-image {
    width: 140px;
    height: 140px;
    clip: auto;
    background-color: #002b36;
    margin-bottom: 1em;
    color: rgba(15, 0, 0, 1);
    border: 1px solid #000;
}

.member-list img {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: .5em;
}

.member-total-large {
    font-size: 1.3em;
    font-weight: bold;
    color: #ff7e14;
}

.space-top {
    margin-top:2em;
}

.large-print {
    font-size:1.5em;
    margin-top:4em;
}

.align-center {
    text-align:center;
}

/*  */

hr.closer {
    margin: 0;
}

li.pods-field {
    clear:both;
}

.notice-me {
    font-weight: bold;
}

#what-fundraiser-message {
    width:100%;
    font-weight: bold;
    text-align: center;
    padding:.7rem;
    border: 1px solid #ff7e14;
}

.shareaholic-share-buttons-heading-image {
    display: none;
}

body.donate #shr_canvas2 {
    display: none;
}

#myModal {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.start-button {

    height: 4em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 2em;
    width: 20em;
    text-align: center;
    display: inline-block;
}

.center-the-buttons {
    text-align: center;
    margin: 0 auto;
    width: 80%
}

#hide-until-campaign-selected {
    display: none;
}

p.align-center {
    clear:both;
    width:90%;
    margin:0 auto;
    text-align:center;
}

p.align-left {
    text-align:left;
    padding-bottom:.8em;
}

.umbrella-badge-container {
    border: 1px solid #efefef;
}

.umbrella-badge-image-container {
    max-height: 50px;
    max-width: 50px;
    float: left;
}

.umbrella-badge-image-container img {
    max-height: 50px;
    max-width: 50px;
}

.umbrella-main-image {
    text-align: center;
    margin: 1em auto;
    max-height: 250px;
}



/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/


/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width: 400px) { {
    /* Place your styles here for all widths greater than 400px */
}

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio: 2) { {
    /* Place your styles here for all 'Retina' screens */
}

}