/* Single donation
--------------------------------------------------- */
.screen-reader-text {
display:none;
}
.post_type_donation.post_item_single {
overflow:hidden;
}
/* Side info: goal, raised, etc. */
.post_type_donation.post_item_single .post_sidebar {
width:38%;
float:left;
padding: 1em;
margin-right:2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 479px) {
.post_type_donation.post_item_single .post_sidebar {
width:100%;
float:none;
padding: 2em 7.6923%;
border-bottom:1px solid #ddd;
margin: 0 0 2em 0;
}
}
.post_type_donation.post_item_single .post_sidebar .post_goal {
margin-top:1em;
}
.post_type_donation.post_item_single .post_sidebar .post_goal {
margin-top:1em;
}
.post_type_donation.post_item_single .post_sidebar .post_raised {
margin-top:1em;
}
.post_type_donation.post_item_single .post_sidebar .post_raised .post_raised_amount {
display: block;
padding:0.3em;
text-align:center;
font-weight:bold;
margin-top:0.3em;
background-color:#666666;
color:#ffffff;
}
.post_type_donation.post_item_single .post_sidebar .post_thanks {
margin-top:1em;
font-weight:bold;
font-size:1.5em;
font-family:cursive;
text-align:center;
}
.post_type_donation.post_item_single .post_sidebar .post_help {
margin-top:1em;
font-style: italic;
color: #888888;
text-align:center;
}
.post_type_donation.post_item_single .post_sidebar .post_supporters {
margin-top:2em;
padding-top:2em;
border-top:1px dotted #ddd;
}
.post_type_donation.post_item_single .post_sidebar .post_supporters ol {
padding-left:1.5em;
margin: 0 0 1em 0;
}
.post_type_donation.post_item_single .post_sidebar .post_supporters_item+.post_supporters_item {
margin-top:0.5em;
}
.post_type_donation.post_item_single .post_sidebar .post_supporters_name {
display:inline-block;
width:70%;
}
.post_type_donation.post_item_single .post_sidebar .post_supporters_amount {
display:inline-block;
width:26%;
margin-left:4%;
}
.post_type_donation.post_item_single .post_sidebar .post_supporters_message,
.post_type_donation.post_item_single .post_sidebar .post_supporters_site {
font-size:0.8em;
font-style:italic;
margin-top:0.15em;
}
.post_type_donation.post_item_single .post_sidebar .post_supporters_site {
font-style:normal;
text-decoration:underline;
}
/* Donation body */
.post_type_donation.post_item_single .post_body {
width:60%;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 479px) {
.post_type_donation.post_item_single .post_body {
width:100%;
float:none;
}
}
/* Footer info */
.post_type_donation.post_item_single .post_footer {
float:none;
clear:both;
padding: 1em 2em;
background-color:#f0f0f0;
border:1px solid #e0e0e0;
}
/* Post navigation */
.nav-links {
overflow:hidden;
margin: 3em 0;
}
.nav-links .nav-previous {
float: left;
width:45%;
}
.nav-links .nav-next {
float: right;
width:45%;
}
.nav-links .nav-previous a,
.nav-links .nav-next a {
display:block;
padding:2em;
border:1px solid #ddd;
background-color:#f0f0f0;
}
.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
background-color:#e0e0e0;
}
.nav-links a p,
.nav-links a h4 {
margin:0;
padding:0;
}
/* Common styles: Single and blog donations
--------------------------------------------------- */
.post_type_donation .post_info {
/*
font-size:0.85em;
line-height:1.5em;
color: #888;
*/
margin:0.5em 0;
overflow:hidden;
}
.post_type_donation .post_info_item+.post_info_item:before {
content: '|';
display:inline-block;
margin-left:1em;
margin-right:1em;
}
.post_type_donation .post_footer {
/*
font-size:0.85em;
line-height:1.5em;
*/
border: 1px solid #ddd;
background-color:#f0f0f0;
padding: 2em;
overflow:hidden;
}
.post_type_donation .post_footer .post_categories {
max-width: 75%;
float:left;
}
.post_type_donation .post_edit {
float:right;
}
.post_type_donation .sc_socials_share {
float: right;
margin-right: 2em;
}
.post_type_donation .sc_socials_share .sc_socials_share_caption {
display:inline-block;
margin-right: 0.5em;
}
/* Archive page navigation */
.archive-pagination .nav-links {
text-align:center;
}
.nav-links .page-numbers {
display:inline-block;
padding: 0.5em 1em;
border: 1px solid #ddd;
background-color:#f7f7f7;
}
.nav-links .page-numbers+.page-numbers {
margin-left:0.4em;
}
.nav-links .page-numbers:hover {
background-color:#f0f0f0;
}
/* Donations list in columns
--------------------------------------------------- */
.post_type_donation {
margin-bottom: 3em !important;
}
.post_type_donation[class*="column"] .post_footer,
.post_type_donation[class*="column"] .post_info {
font-size:0.85em;
}
.post_type_donation[class*="column"] .post_info_item.post_goal {
float:none;
}
.post_type_donation[class*="column"] .post_info_item.post_goal:before {
content: ' ';
display:block;
margin:0;
padding:0;
width:100%;
height:0;
}
/* Shortcode: Donations form
--------------------------------------------------- */
.sc_donations_form {
margin: 3em 0;
position:relative;
}
.sc_donations_form_field {
margin-bottom: 2em;
}
.sc_donations_form_error {
border: 1px solid red !important;
}
.sc_donations_form_field_note {
font-size:0.85em;
padding:1.8em 1.8em 1.8em 4.5em;
border:1px solid #ccc;
background-color:#ffddcc;
color:#888;
position:relative;
}
.sc_donations_form_field_note:before {
font-size:2em;
color:#888;
position:absolute;
top: 1.1em;
left: 0.45em;
z-index:1;
}
.sc_donations_form_label {
display:block;
}
.sc_donations_form_amount_label {
display:inline-block;
margin-right:1em;
margin-left:0.2em;
}
.sc_donations_form_rating_label {
display:inline-block;
margin-left:0.5em;
vertical-align:middle;
}
.sc_donations_form_field input[type="text"],
.sc_donations_form_field textarea {
width:100%;
}
.sc_donations_form_field .sc_donations_form_amount {
width:auto;
max-width:5em;
padding:0.2em;
}
/* Result */
.sc_donations_form .sc_donations_result {
margin-top: 2em;
border:1px solid #ddd;
background-color:#f0f0f0;
color: #222222;
padding:1.5em;
text-align:center;
position:absolute;
left: 50%;
top: 50%;
max-width: 80%;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
-webkit-box-shadow: 4px 3px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 3px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 4px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.sc_donations_form .sc_donations_result.sc_donations_success {
background-color:#8BDF8D;
}
.sc_donations_form .sc_donations_result.sc_donations_error {
background-color:#ED8888;
}
.sc_donations_form .sc_donations_result p {
margin:0;
padding:0;
}
/* Columns grid
-------------------------------------------------------------- */
.sc_donations_columns_wrap {
margin-left: 0px; /* -15px; */
margin-right: -30px; /* -15px; */
}
.sc_donations_columns_wrap > [class*="sc_donations_column-"] {
/* Old way: floating columns */
/* float: left;*/
/* New way: inline blocks */
/* Warning: remove spaces between column's tags:
Right: Wrong:
<div class="sc_donations_columns_wrap"><div class="sc_donations_column-1_2"> <div class="columns_wrap">
<div class="sc_donations_column-1_2">
... ...
</div><div class="sc_donations_column-1_2"> </div>
<div class="sc_donations_column-1_2">
... ...
</div></div> </div>
</div>
*/
display:inline-block;
vertical-align:top;
position: relative;
min-height: 1px;
padding-left: 0px; /* 15px; */
padding-right: 30px; /* 15px; */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sc_donations_columns_wrap.column_padding_left {
margin-left: -30px;
margin-right: 0;
}
.sc_donations_columns_wrap.column_padding_left > [class*="sc_donations_column-"],
.sc_donations_columns_wrap > [class*="sc_donations_column-"].column_padding_left {
padding-left:30px;
padding-right:0;
}
.sc_donations_columns_wrap.column_padding_right {
margin-left: 0;
margin-right: -30px;
}
.sc_donations_columns_wrap.column_padding_right > [class*="sc_donations_column-"],
.sc_donations_columns_wrap > [class*="sc_donations_column-"].column_padding_right {
padding-left:0;
padding-right:30px;
}
.sc_donations_columns_wrap.column_padding_center {
margin-left: -15px;
margin-right: -15px;
}
.sc_donations_columns_wrap.column_padding_center > [class*="sc_donations_column-"],
.sc_donations_columns_wrap > [class*="sc_donations_column-"].column_padding_center {
padding-left:15px;
padding-right:15px;
}
.sc_donations_columns_wrap > [class*="sc_donations_column-"].column_padding_bottom {
padding-bottom: 30px;
}
.sc_donations_columns_wrap.no_margins {
margin: 0 !important;
}
.sc_donations_columns_wrap.no_margins > [class*="sc_donations_column-"] {
padding: 0 !important;
}
/* Columns width */
.sc_donations_column-1, .sc_donations_column-1_1, .sc_donations_column-2_2,
.sc_donations_column-3_3, .sc_donations_column-4_4, .sc_donations_column-5_5,
.sc_donations_column-6_6, .sc_donations_column-7_7, .sc_donations_column-8_8,
.sc_donations_column-9_9, .sc_donations_column-10_10, .sc_donations_column-11_11,
.sc_donations_column-12_12 { width:100%; }
.sc_donations_column-1_2, .sc_donations_column-2_4, .sc_donations_column-3_6,
.sc_donations_column-4_8, .sc_donations_column-5_10, .sc_donations_column-6_12 { width:50%; }
.sc_donations_column-1_3, .sc_donations_column-2_6, .sc_donations_column-3_9,
.sc_donations_column-4_12 { width:33.33333333%; }
.sc_donations_column-2_3, .sc_donations_column-4_6, .sc_donations_column-8_12 { width:66.66666667%; }
.sc_donations_column-1_4, .sc_donations_column-2_8, .sc_donations_column-3_12 { width:25%; }
.sc_donations_column-3_4, .sc_donations_column-6_8, .sc_donations_column-9_12 { width:75%; }
.sc_donations_column-1_5, .sc_donations_column-2_10 { width:20%; }
.sc_donations_column-2_5, .sc_donations_column-4_10 { width:40%; }
.sc_donations_column-3_5, .sc_donations_column-6_10 { width:60%; }
.sc_donations_column-4_5, .sc_donations_column-8_10 { width:80%; }
.sc_donations_column-1_6, .sc_donations_column-2_12 { width:16.66666667%; }
.sc_donations_column-5_6, .sc_donations_column-10_12 { width:83.33333333%; }
.sc_donations_column-1_7 { width:14.28571429%; }
.sc_donations_column-2_7 { width:28.57142857%; }
.sc_donations_column-3_7 { width:42.85714286%; }
.sc_donations_column-4_7 { width:57.14285714%; }
.sc_donations_column-5_7 { width:71.42857143%; }
.sc_donations_column-6_7 { width:85.71428571%; }
.sc_donations_column-1_8 { width:12.5%; }
.sc_donations_column-3_8 { width:37.5%; }
.sc_donations_column-5_8 { width:62.5%; }
.sc_donations_column-7_8 { width:87.5%; }
.sc_donations_column-1_9 { width:11.11111111%; }
.sc_donations_column-2_9 { width:22.22222222%; }
.sc_donations_column-3_9 { width:33.33333333%; }
.sc_donations_column-4_9 { width:44.44444444%; }
.sc_donations_column-5_9 { width:55.55555556%; }
.sc_donations_column-6_9 { width:66.66666667%; }
.sc_donations_column-7_9 { width:77.77777778%; }
.sc_donations_column-8_9 { width:88.88888889%; }
.sc_donations_column-1_10 { width:10%; }
.sc_donations_column-3_10 { width:30%; }
.sc_donations_column-7_10 { width:70%; }
.sc_donations_column-9_10 { width:90%; }
.sc_donations_column-1_11 { width: 9.09090909%; }
.sc_donations_column-2_11 { width:18.18181818%; }
.sc_donations_column-3_11 { width:27.27272727%; }
.sc_donations_column-4_11 { width:36.36363636%; }
.sc_donations_column-5_11 { width:45.45454545%; }
.sc_donations_column-6_11 { width:54.54545455%; }
.sc_donations_column-7_11 { width:63.63636364%; }
.sc_donations_column-8_11 { width:72.72727273%; }
.sc_donations_column-9_11 { width:81.81818182%; }
.sc_donations_column-10_11 { width:90.90909091%; }
.sc_donations_column-1_12 { width: 8.33333333%; }
.sc_donations_column-5_12 { width:41.66666667%; }
.sc_donations_column-7_12 { width:58.33333333%; }
.sc_donations_column-11_12 { width:91.66666667%; }
.clearfix:before,
.clearfix:after,
.sc_donations_columns_wrap:before,
.sc_donations_columns_wrap:after {
content: " ";
display: table;
}
.clearfix:after,
.sc_donations_columns_wrap:after {
clear: both;
width:100%;
height:0;
display:block;
}
