/* #fundraise_header_stats */

#fundraise_header_stats {text-align:center;}


#progress_circle {
	max-width:200px;
	max-height:200px;
	width: 100%;
	margin: 10px auto;
	display: block;
	position: relative;
	text-align: center;
	line-height: 1.2;
}
#progress_circle canvas {max-width:100%; max-height:auto;}

#progress_circle strong {
    position: absolute;
    top: 37%;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
}


#amount_raised {font-size:150%; font-weight: bold; color:#ffff45; margin:10px auto;}
#amount_raised_text {font-size:80%;}
#fundraise_header_author {text-align:center; font-size:80%; margin-bottom:15px;}




/* .fundraise_supporters_list  */
.supporter_row { display:block; width:100%; padding:10px 0; margin:0 0; border-bottom:1px solid #ddd; }
.supporter_row:nth-of-type(1) { margin-top:0px;}


.fundraise_supporters_list .supporter_row p {font-size:80%; margin-bottom:10px}
.supporter_row .elipsis {cursor:pointer;}
.supporter_row .hidden_text {display:none;}



#fundraise_supporters_title .fl-module-content { margin:20px 20px 0 20px; }
.supporter_row_title { font-size:16px; }
.supporter_row_title b { font-weight:400; }

.supporter_row_meta {display:block; width:100%; overflow:auto}
.supporter_row_meta .amount {font-weight:bold; font-size:90%; float:left; }
.supporter_row_meta .date {float:left; font-size:90%;}
.supporter_row_meta .date:before { position: relative; content: "-"; margin:10px; }

.more-donate-list-link,
.more-donate-rows-link { text-align:center; margin-top:10px; }
.more-donate-list-link a,
.more-donate-rows-link a { padding:5px 10px; text-decoration:none; display:inline-block; font-size:18px; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.fl-page-content .more-donate-list-link a,
.fl-page-content .more-donate-rows-link a { text-decoration:none; }



/* fundraise donate form */
#fundraise_donate_title h2, #fundraise_donate h2 {color:#fff; text-align:center;}
#fundraise_donate h2 a {color:#ffff45}
#fundraise_donate h2 a:hover {color:#fff}

#fundraise_donate {max-width:700px; margin:0px auto; color: #ededed;}
#fundraise_donate #donateform h4 {margin-top:35px; color:#ffff45}

#support_message {width:100%; margin-top:15px;}

#donateform .show_name.btn-group .btn {margin:15px;}

.updates_row { position:relative; padding-left:20px; padding-bottom:20px; }
.updates_row:last-child { padding-bottom:0; }
.updates_row:before { position:absolute; content:""; width:2px; height:100%; left:0; top:0; background:#989898; }
.updates_row:after { position:absolute; content:"•"; font-size:40px; line-height:30px; color:#989898; left:-5px; z-index:1; top:0; background:#ededed; }
.updates_row .upd_hdr { font-size:18px; font-weight:700; line-height:30px; padding:0 0 10px 0; }
.updates_row .upd_hdr .upd_user { font-weight:400; color:#666; }
.updates_row .upd_descr { background:rgba(255,255,255,0.7); padding:15px; font-size:18px; }
.updates_row .upd_img,
.updates_row .upd_ytube { margin-top:10px; }

#view_all_donations .modal-title { font-size:22px; font-weight:700; }
#view_all_donations .modal-header .close { position:absolute; right:15px; top:15px; font-size:30px; border:0; }
#view_all_donations .modal-header .close:hover { background:none; border:0; color:#000; }









/* BACKEND */
.fundraisers_dashboard {margin-bottom:50px;}

.card {
  /* Add shadows to create the "card" effect */
  padding: 40px 15px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}
.card.card_expired {opacity:0.5}
.card.card_expired:hover {opacity:1}

.card_hover:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card_padding_large {padding: 30px 40px 40px 40px;}

.card .btn-group .btn, .tabbed_content .nav-tabs a  {
	text-decoration:none;
    -webkit-transition: .4s;
    transition: .4s;
}

.card .number_title {color:#00c493; font-size:135%}
.card h4 {margin-top:0px;}
.card_success {background:#00c493; color:#fff;}
.card_success .number_title, .card_success h4 {color:#fff;}


.card h3 {}
.card h3 .label_default, .card h3 .label_success {
	font-size: 15px;
	font-weight: normal;
	vertical-align: top;
}
.card h3 .label_default {background:#ededed; color:#3a3938}
.card h3 .label_success {background:#00c493}

.card_dates {margin: -15px 0px 40px 0; padding: 0px 5px;
    font-size: 17px;}
.card_dates strong {
	color: #3a3938;
    background: #ffff45;

}

.tabbed_content {margin-top:35px;}
.tabbed_content .nav-tabs {border-bottom:0px none; font-size:17px; text-align:center}
.tabbed_content .nav-tabs a {
	border:0px none;
	border-radius: 0;
	color: #3a3938;
	padding: 10px 20px;
	font-family: Raleway, sans-serif;
	font-weight: 400;
}
.tabbed_content .nav-tabs > li.active > a, 
.tabbed_content .nav-tabs > li.active > a:active,
.tabbed_content .nav-tabs > li.active > a:focus,
.tabbed_content .nav-tabs > li.active > a:hover,
.tabbed_content .nav-tabs > li > a:active,
.tabbed_content .nav-tabs > li > a:focus,
.tabbed_content .nav-tabs > li > a:hover { border:0px none; background:#ffff45; color:#3a3938}

.tabbed_content .nav-tabs > li.title {padding: 10px 20px; background: #ffff45; font-weight: bold;}
.tabbed_content .nav-tabs > li .ua-icon {margin-right:5px; vertical-align: middle;}



.fundraisers_dashboard .supporter_row {
	font-size: 80%;
	padding: 15px;
	margin: 0 auto;
}
.fundraisers_dashboard .supporter_row:hover { background:#ededed }






.fundraise_pages_form {}
.fundraise_pages_form .acf-fields > .acf-field,
.fundraise_pages_form .acf-field[data-width] + .acf-field[data-width] {border:0px none;}
.fundraise_pages_form .acf-label p.description {display:none; font-size: 15px; }
.fundraise_pages_form .acf-field .acf-label label {font-size: 85%; font-weight:300;}
.fundraise_pages_form .acf-field-help {
	background: #ffff45;
	color: #3a3938;
	cursor: pointer;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	font-size: 14px;
	padding: 4px;
	float: right;
	margin: 0px 15px;
	line-height: 17px;
	text-align: center;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
}

.fundraise_pages_form .acf-input input[type="number"],
.fundraise_pages_form .acf-input input[type="text"] {
    font-size: 18px;
    line-height: 35px;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    height: auto;
    min-height: 40px;
    padding: 3px 10px;
    color: #3a3938;
	background: #ededed;
	vertical-align: middle;
    transition: all ease-in-out .15s;
}

.fundraise_pages_form .acf-input .acf-input-prepend,
.fundraise_pages_form .acf-input .acf-input-append { 
	font-size: 18px;
    line-height: 35px;
	color: #3a3938;
	background: #ededed;
	height: auto;
	border:0;
    min-height: 40px;
}

.fundraise_pages_form .acf-switch {height:40px;}
.fundraise_pages_form .acf-switch.-on {
    background: #ffff45;
    border-color: #ffff45;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
}
.fundraise_pages_form .acf-switch.-on .acf-switch-slider { border-color: #ffff45;}
.fundraise_pages_form .acf-switch .acf-switch-on {text-shadow:none; color:#3a3938}
.fundraise_pages_form .acf-switch.-on:hover {
    background: #ededed; border-color: #ededed;
}
.fundraise_pages_form .acf-switch span {min-width:65px; padding:8px 10px; font-size:14px;}



.fundraise_pages_form .acf-form-submit {text-align: right; margin: 35px 20px;}
.fundraise_pages_form .acf-button {
	box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2);
	font-size: 17px;
	line-height: 27px;
	padding: 15px 50px;
	background: #ffff45;
	color: #3a3938;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 0 none;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	display:inline-block;
}
.fundraise_pages_form .acf-button:hover {
	background: #3a3938;
	color: #ffff45;
	outline:0; border: 0 none;
}
.acf-icon.small, .acf-icon.-small { line-height:35px !important; }
.acf-url input[type="url"] { padding:3px 10px 3px 35px !important; line-height:35px !important; min-height:35px; }
.form-control { height:43px !important; }
button, input[type=button], input[type=submit] { outline:none; line-height:43px !important; padding:0 20px !important; }

/* yeloow: #ffff45
light grey #ededed
*/
@media screen and (max-width:767px) {
.card_padding_large { padding:15px; }
.tabbed_content .nav-tabs > li.title { float:none; }
.c-graph { text-align:center; }
.fundraise_pages_form_create .acf-field { width:100% !important; }
}