@charset "utf-8";
/* CSS Document */ /* Updated on 10.11.2021 */
/* Version:     1.9.85 */
/* Mittun Creative */

/* 
DO NOT EDIT THIS FILE. 
ADD YOUR CUSTOM CSS TO THE CUSTOM FIELD SECTION OF THE CLASSYPRESS PLUGIN.
ADD IT TO YOUR CHILD THEME. 
DO NOT EDIT THIS FILE.
*/

.chosen-container-single .chosen-single span {
    white-space: normal;
}
.progress22 {display: none;} /* hides circle progress bar until activated on frontend */
input.effect-2 {width: 100%;} /* makes 'other' input field 100% */

/* Progress bar animation */
.mittun-thermometer {
    -webkit-animation: progressBar 3s ease-in-out!important;
    -webkit-animation-fill-mode:both!important;
    -moz-animation: progressBar 3s ease-in-out!important;
    -moz-animation-fill-mode:both!important;
}

@-webkit-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

@-moz-keyframes progressBar {
  0% { width: 0; }
  100% { width:100%; }
}

/* Remove Progress bar animation - ONLY FOR LEADERBOARDS */
.classypress-inner.leaderboard-container-inner .mittun-thermometer {
    -webkit-animation: progressBar  0s ease-in-out!important;
    -webkit-animation-fill-mode:both!important;
    -moz-animation: progressBar 0s ease-in-out!important;
    -moz-animation-fill-mode: both!important;
}


/*** STYLES FOR FIXED BOTTOM ***/

/* Gray BG */
.mittun-classy-fixed-bottom-2019 .campaign-container-inner {
    background: #686868f7;
}
.mittun-classy-fixed-bottom-2019  .mittun-thermometer-goal {
    margin-top: 0px;
    position: absolute;
    bottom: 15px;
    left: 105px;
}
.mittun-classy-fixed-bottom-2019 .mittun-thermometer-value span {
    font-size: 25px!important;
    font-weight: bold;
    text-align: left;
    margin-bottom: -100px;
    padding-top: 79px;
}
@media (max-width:999px) {
.mittun-classy-fixed-bottom-2019 .mittun-thermometer-value span {
    font-size: 18px!important;
    font-weight: bold;
    text-align: left;
    margin-bottom: -93px;
    padding-top: 50px;
}
}
.mittun-classy-fixed-bottom-2019 .mittun-thermometer-value span {
    margin-bottom: -100px;
}
.mittun-classy-fixed-bottom-2019 label.recurring-labels.recurring-label_short_donation_form {
    bottom: 84px;
    background: none!important;
    font-size: 12px;
    right: 15px!important;
}
.mittun-classy-fixed-bottom-2019 .classy-donation-form input[type="text"], .campaign-container-masterskin_4 .classy-donation-form input[type="text"] {
    padding-left: 25px;
    bottom: 80px;
    position: fixed;
    width: 100%;
    right: 000px;
    color: #FFF;
    margin-left: -25px;
}

/*** END STYLES FOR FIXED BOTTOM ***/

/* removes second close icon on popups */
.mfp-close-btn-in .mfp-close:before {
    display:none!important;
}


/* =========== SHORT FORM STYLES - INLINE ====  NEW FOR V1.0.12 =========== */
.classy-donation-form.short input[type="radio"] {display:none;}
.classy-donation-form.short label {display:inline-block; width:48%;}
.classy-donation-form.short .recurring-label_short_donation_form {float:right;}

/* =========== SHORT FORM STYLES - POPUP =======  NEW FOR V1.0.12 =========== */
.mittun-classy-popup .classy-donation-form.short input[type="text"],  
.mittun-classy-popup .classy-donation-form.short input[type="email"],
.mittun-classy-popup .classy-donation-form.short input[type="url"],
.mittun-classy-popup .classy-donation-form.short input[type="tel"],
.mittun-classy-popup .classy-donation-form.short textarea {
padding-left:20px!important;
font-size:18px; line-height:28px;
}

/* =========== LONG FORM STYLES - INLINE =========== */
.classy-donation-form .recurring_long_donation_form label {display:inline-block}

/* =========== STYLE 1 START =========== */ 
.style_1 .mittun-thermometer {
	border-left:1px solid #28aded; 
	border-right:1px solid #28aded; 
	background:#000; 
	height:10px; /*CHANGES HEIGHT OF BACKGROUND OF THERMOMETER*/ 
	position:relative; 
	margin:15px 0px;
	}
.style_1 .mittun-thermometer-progress { 
	background:#28aded; 
	height:100%; 
	float:left;
	max-width:100%;
    min-width: 0%;
	}
.style_1 .mittun-thermometer-progress-marker-container { 
	float:left; 
	width:20px; 
	overflow:visible; 
	position:relative; 
	top:-30px; 
	}
.style_1 .mittun-thermometer-progress-marker { 
	float:right;
	width:25px;
	border-radius:100%; 
	height:25px; 
	overflow:visible; 
	background:#28aded; 
	position:relative; 
	left:2px; 
	top:50%;
    transform: translateY(-50%);
	}
.style_1 .mittun-thermometer-progress-marker-text { 
	position:relative;
	float: right; 
	top:-65px; 
	left:9px; 
	color:#000; 
	font-weight:bold; 
	font-style:italic; 
	}
/*STYLE 1 END*/ 

/* =========== STYLE 2 START =========== */ 

.classypress-master:not(.skin_5) .style_2 .mittun-thermometer-goal span{
	background: white;
	padding: 5px;
	font-weight: 900;
	border-bottom: 1px dashed #ccc;
}

.style_2 .mittun-thermometer {
	background: #ccc;
	height: 60px;
	position: relative;
	margin: 15px 0px;
	float: none;
	display: block;
}

.style_2 .mittun-thermometer.rounded {
    border-radius: 30px;
    overflow: hidden;
}

.style_2 .mittun-thermometer-progress {
    position: relative;
	background: #28aded;
	height: 100%;
	max-width:100%;
	min-width:0%; /* prevents text going off the left side of progress bar */
}

.style_2 .mittun-thermometer-progress-marker-text {
	position: absolute;	
	/*margin-right: 43%;*/
	color: white;
	font-weight: bold;
	font-style: italic;
	font-size: 30px;
	top: 50%;
    margin: 0 auto;
    /*width: 100%;*/
    text-align: center;
    right: 15px;
    transform: translateY(-50%);
}

.style_2 .mittun-thermometer-progress-marker {
	width: 3px;
	border-radius: 10px;
	height: 100%;
	overflow: visible;
	background: whitesmoke;
	left: 39px;
}


/* =========== STYLE 2 END ===========*/ 



/* =========== STYLE FIXED BOTTOM START =========== */ 

.style_4 .classy-donation-form.short input[type="text"] {
    background: #F00!important;
}


/* =========== STYLE FIXED BOTTOM END =========== */ 


/* =========== STYLE GENERAL =========== */ 
.mittun-thermometer-value {font-size:25px; line-height:50px; color:#000; position:relative; margin:20px auto 5px; position:relative; text-align:center; font-style:italic; letter-spacing:-1px; font-weight:bold;}
.mittun-thermometer-value span {color:#28aded; font-size:75px; padding-top:10px; letter-spacing:2px; font-style:normal; font-weight:100; display:block; }

@media only screen and (max-width: 600px) {
    .style_3.circle_progress-bar .mittun-thermometer-value span {
        font-size: 30px!important;
    }
}
.mittun-thermometer-goal {font-size:14px; line-height:40px; color:#4c4c4c; position:relative; text-align:center; margin:10px auto 30px; position:relative;}
.mittun-thermometer-goal span {color:#4c4c4c; }
.classypress-inner.leaderboard-container-inner .leaderboard-col-2, .event-col-2, .event-container-classypress.event-col-2{width:46%; float:left;padding:0 2%;}
.event-col-3, .leaderboard-col-3{width:30%; float:left;padding:0 2%; margin-bottom:10px;}
.event-col-3 h2, .leaderboard-col-3 h2{font-size:20px;}
.event-col-3 .mittun-campaign-link, .leaderboard-col-3 .mittun-campaign-link{overflow:hidden;}
/* ===========  NEW DEFAULT INLINE STYLES */
.classy-donation-form .classy-amount [type="button"], .classy-donation-form input[type="submit"],.classy-donation-form label{
    min-width: 50px;
    font-size: 18px;
    padding: 10px 25px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom:0;
}
.classy-donation-form .classy-amount [type="button"] {margin-bottom: 20px;}
.classy-amount [type="button"] {margin-right: 1%}
.classy-donation-form input[type="radio"] {
    visibility:hidden;
}
.classy-donation-form label{
	cursor: pointer;
	text-align:center;
}
.classy-donation-form input[type="radio"]:checked + label {
    background-color: #28aded;
}
    
.classy-donation-form input[type="radio"]:checked + label:after, 
.classy-donation-form input[type="radio"]:checked + label:before, 
.classy-donation-form input[type="radio"]:not(:checked) + label:before, 
.classy-donation-form input[type="radio"]:not(:checked) + label:after {visibility:hidden}

.classy-donation-form input[type="text"],
.classy-donation-form input[type="email"],
.classy-donation-form input[type="url"],
.classy-donation-form input[type="tel"],
.classy-donation-form textarea {padding-left:20px}

/* =========== SKIN 2 FORM ELEMENT LOOK =========== */

/* === SKIN 2 — MAVERICK — FULL WIDTH LAYOUT AND CENTERED === */
.classypress-master.campaign-container-masterskin_2 { 
	width:100%; 
	margin:0 auto;
	padding:0;
}
.campaign-container-masterskin_2 .campaign-container-inner {
	max-width:540px; 
	margin:0 auto; 
	padding:20px; 
	display:block; 
	position:relative;
}

.mdl-textfield__input[type=number]::-webkit-inner-spin-button,.mdl-textfield__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mdl-textfield.is-focused .mdl-textfield__input{outline:none}.mdl-textfield.is-invalid .mdl-textfield__input{border-color:#d50000;box-shadow:none}.mdl-textfield.is-disabled .mdl-textfield__input,fieldset[disabled] .mdl-textfield .mdl-textfield__input{background-color:transparent;border-bottom:1px dotted rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.mdl-textfield textarea.mdl-textfield__input{display:block}.mdl-textfield__label{bottom:0;font-size:16px;left:0;right:0;pointer-events:none;position:absolute;display:block;top:24px;width:100%;overflow:hidden;white-space:nowrap;text-align:left}.mdl-textfield.is-dirty .mdl-textfield__label{visibility:hidden}.mdl-textfield--floating-label .mdl-textfield__label{transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}

.classy-donation-form input[type="radio"] {
    visibility:hidden;
}
.classy-donation-form label{
	cursor: pointer;
	text-align:center;
}
.classy-donation-form input[type="radio"]:checked + label {
    background-color: #28aded;
}
    
.classy-donation-form div, .classy-donation-form p {font-size:1.2em;}
.classy-donation-form div:after {content:"";display:block;clear:both;}
.classy-donation-form input[type="radio"] {font-size:1.3em;} 
.classy-donation-form input[type="radio"]:last-child {margin-left:20px}

.classy-donation-form input[type="radio"]:checked + label:after, 
.classy-donation-form input[type="radio"]:checked + label:before, 
.classy-donation-form input[type="radio"]:not(:checked) + label:before, 
.classy-donation-form input[type="radio"]:not(:checked) + label:after {visibility:hidden}



.classy-donation-form textarea {padding-left:20px}

.classy-donation-form.short input[type="radio"] {display:none;}
 
 .classy-donation-form.short label {display:inline-block; width:48%;}

/* ===========  NEW DEFAULT INLINE STYLES =========== */

/* =========== STYLE GENERAL ===========*/

/* ===========  DATA IN LIST AND TABLE FORMAT =========== */
ul.mittun-campaign-list li {display:block; line-height:30px; border-top:1px #ccc solid; padding:20px 0px; min-height:70px; }
ul.mittun-campaign-list {margin:20px 0; padding:0; position:relative; clear:both;}
.mittun-clear-fix {width:100%; display:block; clear:both; height:0;}
/* DATA IN LIST AND TABLE FORMAT */

.classy-donation-form .recurring_short_donation_form:before,
.classy-donation-form .recurring_short_donation_form:after {
    content: "";
    display: block;
    clear: both;
}

/* ============ ACTIVITY FEED STYLES - START =========== */

/* ======== ACTIVITY FEED ELEMENT */ 
.mittun-classy-account-activity{margin-top:80px;}
.mittun-classy-account-activity .activity-feed-element {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
padding-left:10px;
line-height:1.8em;
}

/* If image is selected for activity feed, this CSS will apply */
.activity-feed-element img {
	width: 50px;
	margin-right: 10px;
	position: relative;
	height:50px;
	margin-bottom: 10px;
	display: inline-block;
	float:left;
}

/* ======== ACTIVITY FEED META */ 
.activity-feed-author {font-weight:normal; padding-right:5px; display:inline-block}
.activity-feed-action{font-weight:bold; display:inline-block}
.activity-feed-time{font-size:12px; font-style:italic; display:block}
/* ================================================= GENERAL CONTAINERS AND STYLES THAT WILL CHANGE PER ACCOUNT  ================================================= */
	.mittun-campaign-master-container { width:80%; margin:10px auto; }
	.mittun-campaign-master-container-left {float:left; width:55%; margin-top:10px; padding-top:20px; margin-right:7%; padding-right:7%; border-right:1px solid #ccc }
	.mittun-campaign-master-container-right {float: left; width: 30%; margin-top: 10px; padding-top: 20px; }
	
	.mittun-campaign-intro-text {text-align:center; width:100%; clear:both; margin:20px auto; display:block;}
	.mittun-thermometer-container { height:auto; position:relative; padding:10px; margin-bottom:30px;}
	.mittun-thermometer-container:empty {display:none;}
	.mittun-thermometer-container h3{text-align:center; font-size:40px; line-height: 1.2;}
	.mittun-campaign-master-container-left .mittun-campaign-thumbnail {float:left; display:inline-block; position:relative; width:20%;}
	.mittun-campaign-master-container-left .mittun-campaign-title-and-date-container {float:left; display:inline-block; position:relative; width:55%;}
	.mittun-campaign-master-container-left .mittun-campaign-link {float:left; display:inline-block; position:relative; width:25%;}
	.mittun-campaign-master-container-right .mittun-campaign-title-and-date-container {float:left; display:none; position:relative; width:100%;}
	.mittun-campaign-master-container-right .mittun-campaign-link {float:left; display:inline-block; position:relative; width:100%; clear:both;}
	.mittun-campaign-master-container-right .mittun-campaign-thumbnail {display:none;}
	.mittun-campaign-master-container-right .mittun-campaign-date {display:none;}
	
	
	.mittun-campaign-thumbnail img {width:60px; height:60px; }
	.mittun-campaign-thumbnail {float:left; display:inline-block; position:relative; width:10%; min-width:70px;}
	.mittun-campaign-title {float:left; text-transform: uppercase; color: #333; font-size: 20px;}
	.mittun-campaign-date {float:left; clear:left; position:relative; font-size:15px; letter-spacing:1px;}
	.mittun-campaign-title-and-date-container {float:left; display:inline-block; position:relative; width:45%; min-width:230px; padding-right:10px;}
	.page-template-page-stay-classy-api-template-php .columns {padding-bottom:0px; margin-bottom:0px;}
	
	.mittun-campaign-amount-raised {display:none;}
	.mittun-campaign-link { display:block; position:relative; width:100%; max-width:350px; margin:30px auto; }
	.mittun-campaign-link a {display:block; padding:20px 15px; background:#06C; text-align:center; font-size:20px; color:#fff; text-transform:uppercase;letter-spacing: normal; line-height: 1;}
	.mittun-campaign-link a:hover {opacity:.7; color:#fff;}
	
	h1.mittun-campaign-h1-title { margin-top:20px; margin-bottom:10px;}
	.white-popup input, .white-popup p{color:#000!important;}
	.classy-currency{position: absolute; top: 50%; left: 5px; color: #999; font-size: 20px; opacity: .6; -webkit-opacity: .6; -moz-opacity: .6; line-height: 46px;padding-left: 0px; transform: translateY(-50%)}


/* ========= new leaderboard style additions =========== */
/* leaderboard universal styles */
	.leaderboard-container-classypress,.event-container-classypress {padding-bottom:10px;}
	.leaderboard-container-classypress .mittun-thermometer,.event-container-classypress .mittun-thermometer {width:100%;float:left; margin:35px 0 25px;}
	.leaderboardImg,.eventImg{/*float:left; display:inline-block;*/ margin:10px; /*border:#D1D1D1 solid 5px;*/}
	.leaderboardImg img,.eventImg img {border-radius: 15px; margin-bottom:0px; padding:0; max-width: 100%;} /* mittun addition */
	.leaderboardgoal,.eventgoal{text-align:left; font-size:18px; font-weight:500; line-height:22px;}
	.leaderboardraise,.eventraise{text-align:left; font-size:18px; font-weight:700; line-height:22px;}

/*============== NEW CSS START ========= */
/* leaderboard column 3 styles */
	.leaderboard-col-3 .mittun-campaign-link,.event-col-3 .mittun-campaign-link {margin-top:10px; float:left;}
	.leaderboard-col-3 .leaderboardImg,.event-col-3 .leaderboardImg {float:left; width:15%; margin:0 2% 0 1%;}
	.leaderboard-col-3 .leaderboardgoal,.event-col-3 .eventgoal {float:left; text-align:left; margin-left:10px; font-size:.8em;}
	.leaderboard-col-3 .leaderboardraise,.event-col-3 .eventraise {float:left; text-align:left; font-size:.8em;}
	.leaderboard-col-3 h2,.event-col-3 h2 {font-size:21px; line-height:30px; margin-top:15px; margin-bottom:10px;}
	.style_2.leaderboard-col-3 .mittun-thermometer,.style_2.event-col-3 .mittun-thermometer {width:80%; margin:10px auto}
	.style_2.leaderboard-col-3 .mittun-thermometer-progress-marker-text, 
	.style_2.event-col-3 .mittun-thermometer-progress-marker-text {font-size:14px; position:absolute; width:100%; top:-3px;}
	.style_2.leaderboard-col-3 .mittun-thermometer-progress, 
	.style_2.event-col-3 .mittun-thermometer-progress,
	.style_2.leaderboard-col-3 .mittun-thermometer, 
	.style_2.event-col-3 .mittun-thermometer,
	.style_2.leaderboard-col-2 .mittun-thermometer-progress-marker,
	.style_2.event-col-2 .mittun-thermometer-progress-marker,
	.style_2.leaderboard-col-3 .mittun-thermometer-progress-marker,
	.style_2.event-col-3 .mittun-thermometer-progress-marker {height:14px}

.leaderboard-col-3 .mittun-campaign-link a, .leaderboard-col-2 .mittun-campaign-link a {font-size:18px; text-transform:none; padding:10px;}

/* NEW leaderboard column 2 styles */
	.style_2.leaderboard-col-2 .mittun-thermometer-progress-marker-text, 
	.style_2.event-col-2 .mittun-thermometer-progress-marker-text {
		font-size: 17px; position: absolute; width: 100%; padding-left: 7px; top: 7px; text-align: left;}
	.style_2.leaderboard-col-2.leaderboard-container-classypress .mittun-thermometer, 
	.style_2.event-col-2.leaderboard-container-classypress .mittun-thermometer { 
		width:100%; margin:10px auto}
	.style_2.leaderboard-col-2 .mittun-thermometer-progress, 
	.style_2.event-col-2 .mittun-thermometer-progress,
	.style_2.leaderboard-col-2 .mittun-thermometer, 
	.style_2.event-col-2 .mittun-thermometer,
	.style_2.leaderboard-col-2 .mittun-thermometer-progress-marker,
	.style_2.event-col-2 .mittun-thermometer-progress-marker {height:40px}

/*============== END ========= */

/* leaderboard column 2 styles */
	.leaderboard-col-2 .mittun-campaign-link,.event-col-2 .mittun-campaign-link {margin-top:10px; float:left;}
	.leaderboard-col-2 .leaderboardImg,.event-col-2 .leaderboardImg {float:left; width:15%; margin:0 2% 0 1%;}
	.leaderboard-col-2 .leaderboardgoal,.event-col-2 .eventgoal {float:left; text-align:left; margin-left:10px;}
	.leaderboard-col-2 .leaderboardraise,.event-col-2 .eventraise {float:left; text-align:left;}
	.leaderboard-col-2 h2,.event-col-2 h2 {font-size:25px; line-height:30px; margin-top:15px; margin-bottom:10px;}

/* leaderboard column 1 styles */
	.leaderboard-col-1 .mittun-campaign-link,.event-col-1 .mittun-campaign-link {margin-top:20px; float:left;}
	.leaderboard-col-1 .leaderboardImg,.event-col-1 .eventImg {float:left; width:15%; margin:0 2% 0 1%;}
	.leaderboard-col-1 .leaderboardgoal,.event-col-1 .eventgoal {float:left; text-align:left; margin-left:10px;}
	.leaderboard-col-1 .leaderboardraise,.event-col-1 .eventraise {float:left; text-align:left;}
	.leaderboard-col-1 h2,.event-col-1 h2 {font-size:35px; margin-top:15px; margin-bottom:10px;}
	.leaderboard-col-1.leaderboard-container-classypress,.event-col-1.event-container-classypress {float:left; clear:both; display:block; width:100%;}

/* ================================================= GENERAL CONTAINERS AND STYLES THAT WILL CHANGE PER ACCOUNT  ================================================= */
.mittun-fundDon-link { display:block; position:relative; width:48%; max-width:350px; margin:30px auto; }
	.mittun-fundDon-link a {display:block; padding:20px 15px; background:#06C; text-align:center; font-size:20px; color:#fff; text-transform:uppercase;letter-spacing: normal; line-height: 1;}
	.mittun-fundDon-link a:hover {opacity:.7; color:#fff;}

/* =============== Default Responsive CSS Formatting*/

@media only screen and (min-width:798px) and (max-width:1170px){

.leaderboard-col-2,.event-col-2{width:44%; float:left; padding:0 2%;}

} /* end of 798 min width - 1170 max width css */



@media only screen and (min-width: 799px) {	
.style_2.leaderboard-col-1.leaderboard-container-classypress .leaderboardImg,.style_2.event-col-1.event-container-classypress .eventImg {
    float: left;
    width: 15%;
    margin: 0 2% 0 1%;
    padding-top: 30px;
    border-right: 1px solid;
    padding-left: 30px
    }
    .style_2.leaderboard-col-1.leaderboard-container-classypress,.style_2.event-col-1.event-container-classypress {margin-bottom:30px;}
    .style_2.leaderboard-col-1.leaderboard-container-classypress h2,.style_2.event-col-1.event-container-classypress h2 {margin-left:18%;}

    .style_2.leaderboard-col-1.leaderboard-container-classypress .mittun-thermometer,.style_2.event-col-1.event-container-classypress .mittun-thermometer {margin:15px 0;}

}/* end of responsive 799 min width*/

@media only screen and (max-width: 798px) {
	
.classy-donation-form .classy-amount [type="button"] {font-size:15px;}
.mittun-thermometer-container .mittun-thermometer-value span {font-size: 50px;}
.mittun-thermometer-container h3{line-height: 110%;}
.mittun-thermometer-value{line-height:28px;}
.mittun-classy [type="button"]{margin-bottom:10px;}

.leaderboard-col-2,.event-col-2, .event-col-3, .leaderboard-col-3 {width:98%!important;}
	.leaderboard-col-2 .leaderboardgoal,
	.event-col-2 .eventgoal,
	.leaderboard-col-3 .leaderboardgoal,
	.event-col-3 .eventgoal {font-size:16px; line-height:19px; margin-left:0; width:80%;}
	.leaderboard-col-2 .leaderboardraise,
	.event-col-2 .eventraise, 
	.leaderboard-col-3 .leaderboardraise,
	.event-col-3 .eventraise {font-size:16px; line-height:19px; width:80%;}


.leaderboard-container-classypress .mittun-thermometer,.event-container-classypress .mittun-thermometer {width:100%; clear:both; margin:25px 0 25px;}


}/* end of responsive 799 max width*/
.skin_2 .mittun-classy-popup .modal-dialog {
    max-width: 560px!important;
    margin: 30px auto!important;
}
.skin_2 .mittun-classy-popup .modal-content {
    background-color: #fff!important;
}

/* .skin_2 .classy-donation-form input[type="text"],
.skin_2 .classy-donation-form input[type="email"],
.skin_2 .classy-donation-form input[type="url"],
.skin_2 .classy-donation-form input[type="tel"],
.skin_2 .classy-donation-form textarea{
	border:none!important;
	border-bottom:1px solid rgba(0,0,0,.12)!important;
	display:block!important;
	font-size:16px!important;
	font-family:"Helvetica","Arial",sans-serif!important;
	margin:0!important;
	padding:4px 0!important;
	width:100%!important;
	background:0 0!important;
	text-align:left!important;
	color:inherit!important;
} */
/* :focus{outline: none;} */
.skin_2 .classy-donation-form input[type="text"]{font: 15px/24px "Lato", Arial, sans-serif; color: #333; width: 100%; box-sizing: border-box; letter-spacing: 1px;}
.skin_2 .classy-donation-form .effect-1, 
.skin_2 .classy-donation-form .effect-2, 
.skin_2 .classy-donation-form .effect-3{border: 0; padding: 7px 0; border-bottom: 1px solid rgba(0,0,0,.12);}
.skin_2 .classy-donation-form .effect-2~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 5px; background-color: #3399FF; /* transition: 0.4s; */}
.skin_2 .classy-donation-form .effect-2:focus ~ .focus-border{width: 100%; transition: 0.4s; left: 0;}

/* End of CSS file as we know it */

/* Start of sliding in/out */
.mittun-classy-sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    top:0;
	z-index:99999;/* Stay on top */
	box-sizing: border-box;
    background-color: #666666; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding:40px 0px 0px 0px;
    transition: all ease-in-out 0.4s; 
    -webkit-transition:all ease-in-out 0.4; /* 0.4 second transition effect to slide in the sidenav */
}

.mittun-classy-sidenav.takeover-active {width:100%; left:0; padding:40px 20px 10px 20px; }

.mittun-classy-sliding-open:hover {cursor:pointer}


/* Position and style the close button (top right corner) */

.admin-bar .mittun-classy-sidenav .closebtn {top:32px}

.mittun-classy-sidenav .closebtn {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 40px;
    line-height: 40px;
    z-index: 99999;
    padding-right: 10px;
    padding-left: 10px;
    opacity: 1;
    background: rgba(255,255,255,0.5);
    color: white;
}


.mittun-classy-sidenav .classy-donation-form input[type="text"] {
    padding-left: 28px;
    float: left;
    margin-bottom: 20px;
}


.mittun-classy-sidenav .classy-currency {
    position: absolute;
    color: #999;
    font-size: 20px;
    opacity: .6;
    -webkit-opacity: .6;
    -moz-opacity: .6;
    line-height: 46px;
    padding-left: 8px;
}


.classy-donation-form.short input[type="text"] {
    padding-left: 28px;
    float: left;
    margin-bottom: 20px;
}


.classy-donation-form.short .classy-currency, .classy-donation-form.long .classy-currency {
    position: absolute;
    color: #999;
    font-size: 20px;
    opacity: .6;
    -webkit-opacity: .6;
    -moz-opacity: .6;
    line-height: 30px;
    padding-left: 8px;
}

.classy-donation-form.short .classy-currency{ top: calc(50% - 10px);}

/* SKIN 3 STYLES */

.leaderboard-by-teamskin_3 .classypress-inner.leaderboard-container-inner .leaderboard-container-classypress,
.events-container-masterskin_3 .classypress-inner.events-container-inner .event-container-classypress {
    padding: 1% 2%;
    margin: 1%;
    background:rgba(0,0,0,.05);
    border:3px solid;
}


/* SKIN 4 STYLES (Fixed Bottom) - updated Aug, 2019 */

/* Thermometer */
.campaign-container-masterskin_4 .mittun-thermometer-container {
    position: fixed;
    bottom: 0px;
	margin-bottom: 0px;
	padding: 0px;
    left: 20px;
	width: 600px;
}
.campaign-container-masterskin_4 .mittun-thermometer {
    margin: 4px 0px;
}
.campaign-container-masterskin_4 .mittun-thermometer-goal {
    position: absolute;
    bottom: 32px;
    left: 82px;
}
.campaign-container-masterskin_4 .mittun-thermometer-value {
    position: absolute;
    bottom: 140px;
}
.campaign-container-masterskin_4 .mittun-thermometer-value span {
    font-size: 18px!important;
    font-weight: bold;
    text-align: left;
    margin-bottom: -86px;
    padding-top: 50px;
}
.campaign-container-masterskin_4 .classy-donation-form input[type="text"] {
    padding-left: 25px;
    bottom: -15px;
    position: fixed;
    width: 15%;
    color: #FFF;
    margin-left: -25px;
}
.campaign-container-masterskin_4 .classy-donation-form input[type=text]:focus {border-color:#FFF;}
.campaign-container-masterskin_4 .mittun-thermometer-goal span {
    background: transparent;
    padding: 0px;
    font-weight: 900;
    border-bottom: none;
}
.campaign-container-masterskin_4 .mittun-thermometer-progress-marker-text {
    left: -10px;
    top: -60px;
	font-size: 18px;
}
/* Currency */
.campaign-container-masterskin_4 .classy-donation-form.short .classy-currency {
    margin-top: 42px;
    left: 48.2%;
    color: #fff;
}
/* Buttons */
.campaign-container-masterskin_4 .recurring-options-container label {
    position: fixed;
    bottom: 10px;
    right: 20px;
	font-weight: bold;
    width: 12%!important;
}
.campaign-container-masterskin_4 label.recurring-labels.recurring-labels.once-label_short_donation_form {
	right:200px;
}
label.recurring-labels.recurring-labels.once-label_short_donation_form:hover, label.recurring-labels.recurring-label_short_donation_form:hover {
    opacity: .8;
}
.campaign-container-masterskin_4 .classy-donation-form .recurring-options-container label {
	border-radius: 0px;
    padding: 4px;
    bottom: 20px;
}
.campaign-container-masterskin_4 label.recurring-labels.recurring-labels.once-label_short_donation_form, .campaign-container-masterskin_4 label.recurring-labels.recurring-label_short_donation_form {
    min-width: 150px;
    margin-right: 5px;
}


/* Amount */
.campaign-container-masterskin_4 .effect-2 {
    background: transparent;
    border-bottom: 1px #FFF solid;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 100%;
    color: #FFF;
	font-weight: bold;
    font-size: 35px; 
}
.campaign-container-masterskin_4 .campaign-container-inner {
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 100px;
	right: 0;
}


/* STYLE 1 */
.campaign-container-masterskin_4.style_1 .classy-donation-form input[type="text"] {
    bottom: 8px;
}
.campaign-container-masterskin_4.style_1 .mittun-thermometer {
    margin-top: -40px;
}
.campaign-container-masterskin_4.style_1 .mittun-thermometer-progress-marker-text {
    left: 5px;
    top: -80px;
    font-size: 14px;
}
.campaign-container-masterskin_4.style_1 .mittun-thermometer-value span {
    font-weight: bold;
    text-align: left;
    padding-top: 79px;
}

.campaign-container-masterskin_4.style_1 .classy-donation-form.short .classy-currency {
    margin-top: 15px;
}



@media (max-width:1329px) {
.campaign-container-masterskin_4 .mittun-thermometer-container {
	width: 500px;
}
}

@media (max-width:1119px) {
.campaign-container-masterskin_4 .mittun-thermometer-container {
	width: 350px;
}
}

@media (max-width:999px) {
.campaign-container-masterskin_4 .mittun-thermometer-value span {
    font-weight: bold;
    text-align: left;
    margin-bottom: -93px;
    padding-top: 50px;
}
}

@media (max-width:889px) {
	/* height of fixed container */
.campaign-container-masterskin_4 .campaign-container-inner {
    height: 160px;
}
.campaign-container-masterskin_4 .mittun-thermometer-container {
    width: 95%;
}
.campaign-container-masterskin_4 label.recurring-labels.recurring-labels.once-label_short_donation_form, .campaign-container-masterskin_4 label.recurring-labels.recurring-label_short_donation_form {
    bottom: 100px;
}

.campaign-container-masterskin_4 .classy-donation-form.short .classy-currency {
    margin-top: 0px;
    left: 0;
    color: #fff;
}	
.campaign-container-masterskin_4 .mittun-thermometer-value span {
    font-size: 18px!important;
    font-weight: bold;
    text-align: left;
    margin-bottom: -100px;
    padding-top: 43px;
}
.campaign-container-masterskin_4 .mittun-thermometer-goal {
    position: absolute;
    bottom: 33px;
    margin-left: -5px;
    left: 82px;
    font-size: 12px;
}
}
@media (max-width:798px) {
.campaign-container-masterskin_4 .mittun-thermometer-value span {
    padding-top: 53px;
}
}
@media (max-width:479px) {
.campaign-container-masterskin_4 .campaign-container-inner {
    height: 250px;
}
.campaign-container-masterskin_4 .mittun-thermometer-container {
    width: 90%;
}
.campaign-container-masterskin_4.style_1 .classy-donation-form input[type="text"], .campaign-container-masterskin_4 .classy-donation-form input[type="text"] {
    bottom: 150px;
}
}
@media (max-width:379px) {	
.campaign-container-masterskin_4 label.recurring-labels.recurring-labels.once-label_short_donation_form, .campaign-container-masterskin_4 label.recurring-labels.recurring-label_short_donation_form {
    width: 100%!important;
}
.campaign-container-masterskin_4 label.recurring-labels.recurring-labels.once-label_short_donation_form {
    bottom: 125px;
    right: 15px;
}

.campaign-container-masterskin_4.style_1 .classy-donation-form input[type="text"], .campaign-container-masterskin_4 .classy-donation-form input[type="text"] {
    bottom: 175px;
}
}

   
.leaderboard-by-teamskin_4 .classypress-inner.leaderboard-container-inner .leaderboard-col-2 {
    width: 46%;
    float: left; 
}

.leaderboard-by-teamskin_4 .classypress-inner.leaderboard-container-inner .leaderboard-container-classypress, 
.events-container-masterskin_4 .classypress-inner.events-container-inner .event-container-classypress {
    padding: 1% 2%;
    border: 1px solid;
    margin: 1%;
    border-radius: 15px;
}

.event-col-2 .eventImg {float:left; width:15%; margin:0 2% 0 1%;}

/* ==== ADDITIONAL STYLING - Reset CSS ==== */

.classy-donation-form input[type="radio"] {display:none}

.classy-donation-form .recurring_long_donation_form label, 
.classy-donation-form .recurring_short_donation_form label {
    box-sizing: border-box;
width:calc(50% - 5px);}

.classy-donation-form .recurring_long_donation_form {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.campaign-container-masterskin_1 .campaign-container-master {max-width:1200px; margin:0 auto; display:block; position:relative;}
.campaign-container-masterskin_2 .campaign-container-master {max-width:600px; margin:0 auto; display:block; position:relative;}
.campaign-container-masterskin_3 .campaign-container-master {max-width:600px; margin:0 auto; display:block; padding:20px; position:relative; border:1px solid; background:rgb(255,255,255,.8); border-radius: 15px;-webkit-border-radius:15px;-moz-border-radius:15px; }


/* Popup Styles */
 
.mittun-classy-popup {padding:50px}
.mittun-classy-popup .classy-donation-form .recurring_long_donation_form label, .mittun-classy-popup .classy-donation-form.short label
{padding:25px 40px}
.mittun-popup-text-top, .mittun-popup-text-bottom {line-height:1em; margin-bottom:10px; display:block; position:relative}
.mittun-classy-popup .classy-donation-form {margin-top:15px;margin-bottom:15px;}


.leaderboard-col-1.leaderboard-container-classypress,
.leaderboard-col-2.leaderboard-container-classypress,
.leaderboard-col-3.leaderboard-container-classypress {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
}

.leaderboard-container-classypress .leaderboard-element {
    flex: 1;
}

.leaderboard-container-classypress .classypress-leaderboard-numbers-container {
	margin-right: 10px;
}

.leaderboard-container-classypress h2 {
    margin-top: 0;
}

.mittun-activity-logo {
    display: inline-block;
    max-width: 48px;
    max-height: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    background: rgb(238, 187, 25);
    flex: 1 0 48px;
    position: relative;
    margin-top: 10px;
}

.mittun-activity-comment {
    color: rgba(0,0,0, 0.6);
}

.mittun-activity-logo span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
}

.mittun-activity-logo img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: center center;
}
.mittun-classy-account-activity .activity-feed-element {
    display: flex;
}

.mittun-classy-account-activity .mittun-activity-body {
    padding-left: 13px;
}

.mittun-classy-feed-more {
    padding: 10px;    
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    width: 100%;
}

.mittun-classy-feed-more:before {
    content: "";
    position: absolute;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    right: 0;
    top: 50%;
    transform: translate(0, -50%) rotate(45deg);
}

.leaderboard-by-skin_5 .classpress-inner-head.mittun-table-row,
.leaderboard-by-skin_5 .classpress-inner-bottom.mittun-table-row
 {
	background-color: #482782;
	padding: 30px 0;
    min-height: 58px;
}

.leaderboard-by-skin_5 * {
    box-sizing: border-box;
}

.leaderboard-by-skin_5 .mittun-table-row .mittun-col {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

.leaderboard-by-skin_5 .classpress-inner-head.mittun-table-row .mittun-col {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border: 0;
}


.leaderboard-by-skin_5 .mittun-table-row .mittun_avatar {
	background: #edeeef;
       padding: 5px 30px;
           justify-content: flex-start;
}


.leaderboard-by-skin_5 .mittun-table-row .mittun_avatar {
	background: #edeeef;
}

.leaderboard-by-skin_5 .mittun-table-row .mittun_avatar h2 {
	font-size: 16px;
	color:  #482782;
}

.leaderboard-by-skin_5 .mittun-table-row .mittun-total_raised {
	background-color: #d02d78;
}

.leaderboard-by-skin_5 .mittun-table-row .mittun-goal {
	background-color: #f18132;
}

.leaderboard-by-skin_5 .mittun-table-row .leaderboardraise,
.leaderboard-by-skin_5 .mittun-table-row .leaderboardgoal{
	color: #fff;
	font-size: 22px;
	padding: 15px 0;
}

.leaderboard-by-skin_5 .mittun-show-more {
		color: #fff;
	font-size: 18px;
	font-weight: 700;
	border: 0;
	margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.leaderboard-by-skin_5 .mittun-table-row .mittun-col {
		flex: 1 0 100%;
		max-width: 100%;
	}
}

.leaderboard-by-skin_5 .mittun-table-row .mittun_avatar img {
    margin: 0!important;
}

.leaderboard-by-skin_5 .leaderboard-wrapper {
    display: flex;
    align-items: center;
}


.mittun_preview .leaderboardImg img{
    max-width: 150px;    
}

.circle_progress-bar + .mittun-thermometer {
    display: none;
}

.circle_progress-bar #wrapper {
    position: relative;    
}

.circle_progress-bar  .mittun-thermometer-progress-marker {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent!important;
    text-align: center;
}

.classy_mittun_progress {
    width: 65%;
    height: 100%;
    margin: 0 auto;
    display: block;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor: default;
}

@media only screen and (max-width: 600px) {
	.classy_mittun_progress {
		width: 100%;
	}

    .circle_progress-bar .mittun-thermometer-goal {
        margin-bottom: 10px;
    }
}

.classy_mittun_progress .track, .classy_mittun_progress .fill{
	fill: rgba(0, 0, 0, 0);
	stroke-width: 3;
	transform: rotate(90deg)translate(0px, -80px);
}

.classy_mittun_progress .text {
	font-size: 12px;
}

.mittun_preview {
    overflow-x: scroll;
}

.mittun_preview_container {
    margin-top: 5px;
    position: relative;
    width: 1000px;
}

.mittun_preview_container .mittun-classy-sliding-open {
    position: absolute!important;
    top: 0px!important;
}

.classypress-master var {
    font-style: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;    
    background-color: inherit;
    padding: inherit;
}

body.mittun_ajax_loading .mittun-classy-activity-more button,
body.mittun_ajax_loading .mittun-classy-donation-more button {
    display: none;
}

.mittun-classy-activity-more img,
.mittun-classy-donation-more img {
    display: none;
}

body.mittun_ajax_loading .mittun-classy-activity-more img,
body.mittun_ajax_loading .mittun-classy-donation-more img {
    display: inline-block;
}

.lds-ripple {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-ripple div {
	position: absolute;
	border: 4px solid #06C;
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
	animation-delay: -0.5s;
}

@keyframes lds-ripple {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	4.9% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	5% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

.mittun_classy_loading {
    text-align: center;
}

.mittun-preload-activities {
    display: none;
}

.leaderboardraise span {
    display: inline-block;
    margin: 0 10px;
}

.leaderboardTitle .display-number {
    display: none;
}

.postbox-container .chosen-container,
.postbox-container .select2-container {
    max-width: 400px;
}

.leaderboard-by-skin_5 .leaderboard-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.leaderboard-by-skin_5 .leaderboard-content {
    flex: 1;
}

.leaderboard-by-skin_5 .leaderboardImg {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
}

.leaderboard-by-skin_5 .leaderboardImg > img {
    margin: 0!important;
    width: 100%!important;
    height: 100%!important;
    object-position: center;
    object-fit: cover;
    border-radius: 50%;
}

.leaderboard-by-skin_5 .mittun-thermometer {
    margin: 5px 0;
}

.leaderboard-by-skin_5 h2.leaderboardTitle {
    margin: 0;
    line-height: 1;
}

.leaderboard-by-skin_5 .leaderboardImg  .avatar-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #6A9ADD;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}

.leaderboard-by-skin_5 .leaderboard-col-1 .leaderboard-wrapper {
    width: 100%;
}

.leaderboard-by-skin_5 .leaderboard-content-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.classypress-master.skin_5 .mittun-thermometer-container {
    display: flex;
    flex-direction: column;
}

.classypress-master.skin_5 .mittun-thermometer-container .mittun-thermometer-titles {
    order: 1;
    display: flex;
    justify-content: space-between;
}

.classypress-master.skin_5 .mittun-thermometer-container .mittun-thermometer-goal,
.classypress-master.skin_5 .mittun-thermometer-container .mittun-thermometer-value {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 400;    
}

.classypress-master.skin_5 .mittun-thermometer-container .mittun-thermometer-value span {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    padding: 0;
}

.classy-donation-currency {
    margin-bottom: 20px;
}