/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/*Register Custom Font for templates*/
@font-face {
	font-family: 'Conv_Abraham';
	src: url('fonts/Abraham.eot');
	src: local('☺'), url('fonts/Abraham.woff') format('woff'), url('fonts/Abraham.ttf') format('truetype'), url('fonts/Abraham.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.center-button{
	text-align: center !important;
}

@media(max-width: 300px){
    #currency input[type=number] {
	    padding-left: 23% !important;
	}
}

.clearfix:after,
.clearfix:before{
    display: table;
    content: " "
}

.clearfix:after{
	clear: both
}

.invalid-address{
	color: red;
	margin-top: 0.6rem;
}

.pd-left{
	float: left;
}

.pd-right{
	float: right;
}

.pronto-donation-required{
	color: red;
}

/*Form title*/
.pronto-donation-form h3{
	margin-top: 3.5rem;
}

/*Form fields*/
.pronto-donation-form textarea,
.pronto-donation-form input[type=number],
.pronto-donation-form input[type=email],
.pronto-donation-form input[type=text],
.pronto-donation-form select{
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: #2b2b2b;
    padding: 8px 10px 7px;
    display: block;
    width: 100%;
}

/*Form group*/
.pronto-donation-group{
	margin-bottom: 2rem;
}

.pronto-donation-group label{
	margin-bottom: 0.5rem;
    display: inline-block;
}

/*Buttons*/
.pronto-donation-btn,
a.pronto-donation-btn{
	border: 1px solid #ccc !important;
	border-radius: 3px;
	text-decoration: none !important;
    padding: 0.7rem 0.9rem;
	display: inline-block;
	text-align: center;
	/*float: right;*/
}

.pronto-donation-btn:hover{
	border: 1px solid #999 !important;
}

.pronto-donation-warning {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 4px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #f2dede;
}

.pronto-donation-warning .error:last-child{
	margin: 0;
}

.errors strong{
	display: none;
}

.pronto-donation-warning strong{
	margin-bottom: 0.5rem;
	display: block !important;
}





/*Pronto Donation Campaign*/
.pronto-donation-attributes{
	text-align: right;
}

#pronto-donation-target,
#pronto-donation-amount{

	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
}

#pronto-donation-backers{
	margin-bottom: 2rem;
}

/*Banner*/
#pronto-donation-banner{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/*Donation Type*/
.pronto-donation-type input[type="radio"]:checked + label {
	border: 1px solid #00c853 ;
	background-color: #b9f6ca;
}

#donation-type-single,
#donation-type-recurring{
	margin: 0;
}

.pronto-donation-type label{
	margin: 0.2rem;
	border: 1px solid #ccc;
	padding: 0.5rem 0rem;
	width: 100%;
	cursor: pointer;
	display: inline-block;
	text-align: center;
}

.pronto-donation-type input[type="radio"]{
	display: none;
}

.pronto-donation-other{
	font-size: 14px;
	color: #999;
	display: block;
	margin: 0.5rem 0;
}

/*Donation Gift*/
.pronto-donation-gift input[type=checkbox] {
  opacity: 0;
  float:left;
}

.pronto-donation-gift input[type=checkbox] + label {
  margin: 0 0 0 20px;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  float: left;
}

.pronto-donation-gift input[type=checkbox] + label::before {
  content: ' ';
  position: absolute;
  left: -35px;
  top: 0px;
  width: 25px;
  height: 25px;
  display: block;
  background: white;
  border: 1px solid #A9A9A9;
}

.pronto-donation-gift input[type=checkbox] + label::after {
	content: ' ';
	position: absolute;
	left: -35px;
	top: 0px;
	width: 23px;
	height: 23px;
	display: block;
	z-index: 1;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjE4MS4yIDI3MyAxNyAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAxODEuMiAyNzMgMTcgMTYiPjxwYXRoIGQ9Ik0tMzA2LjMgNTEuMmwtMTEzLTExM2MtOC42LTguNi0yNC04LjYtMzQuMyAwbC01MDYuOSA1MDYuOS0yMTIuNC0yMTIuNGMtOC42LTguNi0yNC04LjYtMzQuMyAwbC0xMTMgMTEzYy04LjYgOC42LTguNiAyNCAwIDM0LjNsMjMxLjIgMjMxLjIgMTEzIDExM2M4LjYgOC42IDI0IDguNiAzNC4zIDBsMTEzLTExMyA1MjQtNTI0YzctMTAuMyA3LTI1LjctMS42LTM2eiIvPjxwYXRoIGZpbGw9IiMzNzM3MzciIGQ9Ik0xOTcuNiAyNzcuMmwtMS42LTEuNmMtLjEtLjEtLjMtLjEtLjUgMGwtNy40IDcuNC0zLjEtMy4xYy0uMS0uMS0uMy0uMS0uNSAwbC0xLjYgMS42Yy0uMS4xLS4xLjMgMCAuNWwzLjMgMy4zIDEuNiAxLjZjLjEuMS4zLjEuNSAwbDEuNi0xLjYgNy42LTcuNmMuMy0uMS4zLS4zLjEtLjV6Ii8+PHBhdGggZD0iTTExODcuMSAxNDMuN2wtNTYuNS01Ni41Yy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTI1My41IDI1My41LTEwNi4yLTEwNi4yYy01LjEtNS4xLTEyLTUuMS0xNy4xIDBsLTU2LjUgNTYuNWMtNS4xIDUuMS01LjEgMTIgMCAxNy4xbDExNC43IDExNC43IDU2LjUgNTYuNWM1LjEgNS4xIDEyIDUuMSAxNy4xIDBsNTYuNS01Ni41IDI2Mi0yNjJjNS4yLTMuNCA1LjItMTIgLjEtMTcuMXpNMTYzNC4xIDE2OS40bC0zNy43LTM3LjdjLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0xNjkuNSAxNjkuNS03MC4yLTcxLjljLTMuNC0zLjQtOC42LTMuNC0xMiAwbC0zNy43IDM3LjdjLTMuNCAzLjQtMy40IDguNiAwIDEybDc3LjEgNzcuMSAzNy43IDM3LjdjMy40IDMuNCA4LjYgMy40IDEyIDBsMzcuNy0zNy43IDE3NC43LTE3Ni40YzEuNi0xLjcgMS42LTYuOS0uMS0xMC4zeiIvPjwvc3ZnPg==') no-repeat center center;
	-ms-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	transition: all .3s ease;
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}

.pronto-donation-gift input[type=checkbox]:checked + label::after {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/*Amount level*/
.pronto-donation-amount-level input[type="radio"]:checked + label {
	border: 1px solid #00c853 ;
	background-color: #b9f6ca;
}

.pd-amount{
	margin: 0.2rem;
	border: 1px solid #ccc;
	padding: 1rem;
	cursor: pointer;
	display: inline-block;
}

input[type=radio].pd-level-amount{
	display: none;
}

/*Custom amount currency*/
#currency{ 
	position: relative;
	color: #888;
}
#currency span{
	position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
#currency input[type=number]{
	padding-left: 25px;
}

/*Payment Method*/
.payments label {
  overflow: hidden;
}

.payments input[type="radio"]:checked + label {
	border: 1px solid #00c853 ;
	background-color: #b9f6ca;
	position: relative;
}

.payment-method{
	border: 1px solid #ccc;
	padding: 0.3rem;
	display: block;
	margin-bottom: 0.5rem;
	cursor: pointer;
}

.payments input[type=radio]{
	display: none;
}



/* 
=======================
   Circle Preloader
=======================
*/

 .circle-wrapper {
    clear: both;
    display: block;
    height: 12rem;
    margin: auto;
    width: 12rem;
    text-align: center;
}

.circle-loader {
    position: relative;
}

.circle {
	border-radius: 50% 50% 50% 50%;
	position: absolute;
	border-top: 2px solid #000;
	border-bottom: 2px solid transparent;
	border-left:  2px solid #000;
	border-right: 2px solid transparent;
	animation: animate 2s infinite;	
}

.circle_one {
	left: 75px;
	top: 75px;
	width: 50px;
	height: 50px;
}
							
.circle_two {
	left: 65px;
	top: 65px;
	width: 70px;
	height: 70px;
    animation-delay: 0.2s;
}
		
.circle_three {
	left: 55px;
	top: 55px;
	width: 90px;
	height: 90px;
    animation-delay: 0.4s;
}

.circle_four {
	left: 45px;
	top: 45px;
	width: 110px;
	height: 110px;
    animation-delay: 0.6s;
}	

@keyframes animate {
  50% { transform: rotate(360deg) scale(0.8); }	
}

/*Grid System*/
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
.pd-responsive{overflow-x:auto}
.pd-container:after{content:"";display:table;clear:both}
.pd-container-padding, .pd-container-padding > .pd-col{padding:0 8px}
.pd-col{float:left;width:100%}
.pd-col.s1{width:8.33333% !important}
.pd-col.s2{width:16.66666% !important}
.pd-col.s3{width:24.99999% !important}
.pd-col.s4{width:33.33333% !important}
.pd-col.s5{width:41.66666% !important}
.pd-col.s6{width:49.99999% !important}
.pd-col.s7{width:58.33333% !important}
.pd-col.s8{width:66.66666% !important}
.pd-col.s9{width:74.99999% !important}
.pd-col.s10{width:83.33333% !important}
.pd-col.s11{width:91.66666% !important}
.pd-col.s12{width:99.99999% !important}
@media only screen and (min-width:601px){
.pd-col.m1{width:8.33333%}
.pd-col.m2{width:16.66666%}
.pd-col.m3,.pd-quarter{width:24.99999%}
.pd-col.m4,.pd-third{width:33.33333%}
.pd-col.m5{width:41.66666%}
.pd-col.m6,.pd-half{width:49.99999%}
.pd-col.m7{width:58.33333%}
.pd-col.m8,.pd-twothird{width:66.66666%}
.pd-col.m9,.pd-threequarter{width:74.99999%}
.pd-col.m10{width:83.33333%}
.pd-col.m11{width:91.66666%}
.pd-col.m12{width:99.99999%}}
@media only screen and (min-width:993px){
.pd-col.l1{width:8.33333%}
.pd-col.l2{width:16.66666%}
.pd-col.l3,.pd-quarter{width:24.99999%}
.pd-col.l4,.pd-third{width:33.33333%}
.pd-col.l5{width:41.66666%}
.pd-col.l6,.pd-half{width:49.99999%}
.pd-col.l7{width:58.33333%}
.pd-col.l8,.pd-twothird{width:66.66666%}
.pd-col.l9,.pd-threequarter{width:74.99999%}
.pd-col.l10{width:83.33333%}
.pd-col.l11{width:91.66666%}
.pd-col.l12{width:99.99999%}}


/*Eway error alert box*/
@media(min-width: 768px){
	.padding_Input{
		padding-left: 10px;	
	}	
}
@media(max-width: 767px){
	.padding_Input{
		padding-top: 10px;
	}	
}
button:disabled{
    border-width: 3px;
    border-style: solid;
    border-top-style: dotted;
    border-right-style: solid;
    border-bottom-style: dotted;
    border-left-style: solid;
}
.eway_alert {
    border: 1px;
    padding-left: 5px;
    border-color: #F08080;
    color: #F08080;
    margin-bottom: 15px;
    border-style: solid;
    border-radius: 5px;
}


/*Paydock error alert box*/
.paydock_alert {
    border: 1px;
    padding-left: 5px;
    border-color: #F08080;
    color: #F08080;
    margin-bottom: 15px;
    border-style: solid;
    border-radius: 5px;
}
/*Paydock error alert box*/


/* Credit Card Details CSS */
.input_container_CCN{
    position:relative;
    padding:0;
    margin:0;
    background:#ddd;
}
.input_img_CCN {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 100%;
}
/* Credit Card Details CSS */

.hidetitle .entry-title {
	display:none;
}
.other-amount::before { 
    content: "0";
}
.other-amount::first-letter {
	margin-right: -7px !important;
	visibility: hidden;
}
.pronto-donation-input{
	width: 100% !important;
}
.pronto-donation-btn{
	font-size: 20px !important;
}
	
input[name="user_company_option"]:disabled {
    background-color: rgb(235, 235, 228);
}