/* #region  FORM CLASSES Changes to standard WPForm for our style*/
.cac-wpforms {
	background-color: #f3f3f3 !important;
	border: 4px solid #00A99D !important;
	border-radius: 10px !important;
	padding: 10px !important;
	padding-bottom: 4px !important;
	margin-bottom: 2px !important;
}

.cac-wpforms-hide-next-button .wpforms-clear:first-child{
	display: none !important;
}

.cac-wpforms-hide{
	display: none !important;
}


.cac-wpforms label{
	color: #000000 !important;
}

/* # page indicator in ALL forms */
.cac-wpforms-page-indicator {
	margin: 0px 0px 0px 0px;
}

.cac-wpforms-page-indicator-hide .wpforms-page-indicator{
	display: none !important;
	margin-bottom: 0px !important;
}


/* #endregion */

/* #region  FORM CLASSES Changes to standard WPForm for our style*/
.cac-wpforms-smaller {
	background-color: #f3f3f3 !important;
	border: 4px solid #00A99D !important;
	border-radius: 10px !important;
	padding: 10px !important;
	padding-bottom: 4px !important;
	margin-bottom: 2px !important;
	margin-top: 2px !important;
}

.cac-wpforms-smaller label{
	color: #000000 !important;
}

.cac-wpforms-smaller p{
	margin-bottom: 0px !important;
}

.cac-wpforms-smaller div{
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}


.cac-wpforms-page-indicator-hide{
	margin-bottom: 0px !important;
}


/* #endregion */


/* #region  CSS for the NEXT and PREVIOUS buttons (EXCLDUING Signature Button) */
.cac-wpforms-button button:not(.cac-wpforms-button-signature *) {
	display: inline-block !important;
	color: #FFFFFF !important;
  	background-color: #193B6C !important;
  	padding: 5px 5px !important;
  	font-family: sans-serif, Arial !important;
  	font-size: 16px !important;
	
  	border: 8px solid #193B6C !important;
  	border-radius: 10px !important;
	box-shadow: 2px 2px 5px 0 #000000 !important;
	width: 40% !important;
	text-align:center !important;
}

.cac-wpforms-button  button:hover {
	background-color: #F69C37 !important;
  	border: 8px solid #F69C37 !important;
  	cursor:pointer;
}

/* #endregion */

/* #region  CSS for WHAT TO EXPECT FORMS */
form#wpforms-form-27834 .wpforms-pagebreak-left {
    text-align: center;
}

form#wpforms-form-30607 .wpforms-pagebreak-left {
    text-align: center;
}


.cac-wpforms-what-to-expect {
	margin: 0 0 0 0 !important;
}

.cac-wpforms-what-to-expect p{
	margin-bottom: 5px !important;
}

.cac-wpforms-what-to-expect p span{
	font-size: large !important;
}

.cac-wpforms-what-to-expect .wpforms-page{
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.cac-wpforms-what-to-expect .wpforms-page-2{
	background-color: #36b6c3 !important;
}

.cac-wpforms-what-to-expect .wpforms-page-3{
	background-color: #f7e481 !important;
}

.cac-wpforms-what-to-expect .wpforms-page-4{
	background-color: #4fbd9e !important;
}

.cac-wpforms-what-to-expect .wpforms-page-5{
	background-color: #de946f !important;
}

.cac-wpforms-what-to-expect .wpforms-page-6{
	background-color: #ffbd58 !important;
}

/* #endregion */

/* #region Submit Button */
.cac-wpforms-button-submit {
	display: inline-block !important;
	color: #FFFFFF !important;
	background-color: #193B6C !important;
	padding: 5px 5px !important;
	font-family: sans-serif, Arial !important;
	font-size: 16px !important;

	border: 8px solid #193B6C !important;
	border-radius: 10px !important;
	box-shadow: 2px 2px 5px 0 #000000 !important;
	width: 40% !important;
	min-width: 130px;
	text-align:center !important;
}

.cac-wpforms-button-submit-fullwidth{
	width: 50% !important;
}

.cac-wpforms-button-submit:hover {
	background-color: #F69C37 !important;
	border: 8px solid #F69C37 !important;
	cursor:pointer;
}

/* #endregion */

/* #region  WP Forms Dynamic Labels */
.cac-wpforms-labels {

	color: #000000 !important;
	font-family: sans-serif, Arial !important;
  	font-size: 18px !important;
	font-weight: 700 !important;
	text-align:left !important;
}

/* Used when an HTML block needs to be a label in a form */
.cac-wpforms-labels span{
	display: inline-block !important;
	color: #f54242 !important;
	font-family: sans-serif, Arial !important;
  	font-size: 18px !important;
	font-weight: bold !important;
	text-align:left !important;
}

/* #endregion */

/* #region  all modifications for radio button  */
.cac-radio-button {
	margin: 1px !important;
}

.cac-radio-button ul li {
    margin-right:0px !important;
}

.cac-radio-button input[type="radio"] {
  opacity: 0 !important;
  position: fixed !important;
  width: 0 !important;
	margin: 0, 0, 0, 0 !important;
}

.cac-radio-button ul li label {
    display: inline-block !important;
	color: #FFFFFF  !important;
    background-color: #a2a3a2 !important;
    padding: 1px 1px !important;
    font-family: sans-serif, Arial !important;
    font-size: 16px !important;
    border: 4px solid #a2a3a2 !important;
    border-radius: 10px !important;
	box-shadow: 2px 2px 5px 0 #000000 !important;
	width: 100% !important;
	text-align:center !important;
	white-space: nowrap !important;
}

@media screen and (max-width: 600px) {
	.cac-radio-button ul li label {
		width: 100% !important;
	  }
  }

.cac-radio-button ul li label:hover {
	background-color: #F69C37 !important;
	border: 4px solid #F69C37 !important;
	cursor:pointer;
}

.cac-radio-button input[type="radio"]:checked + label {
    background-color:#F69C37 !important;
    border-color: #F69C37 !important;
	border: 4px solid #F69C37 !important;
    border-radius: 10px !important;
}

.cac-radio-button  input[type="radio"]:focus + label {
    border: 2px dashed #444;
}

.cac-radio-button-donationAmount ul li {
	width: 20% !important;
	margin-right: 10px !important;
}

.cac-radio-button-donationType ul li {
	width: 30% !important;
}

.cac-radio-button-recurrence ul li {
	width: 40% !important;
}

/* #endregion */

/* #region all modifications for checkbox button */
.cac-check-button {
	margin: 1px !important;
}

.cac-check-button ul li {
    margin-right:0px !important;
}


.cac-check-button input[type="checkbox"] {
  opacity: 0 !important;
  position: fixed !important;
  width: 0 !important;
	margin: 0, 0, 0, 0 !important;
}

.cac-check-button ul li label {
    display: inline-block !important;
	color: #FFFFFF  !important;
    background-color: #a2a3a2 !important;
    padding: 3px 3px !important;
    font-family: sans-serif, Arial !important;
    font-size: 16px !important;
    border: 4px solid #a2a3a2 !important;
    border-radius: 10px !important;
	box-shadow: 2px 2px 5px 0 #000000 !important;
	width: 100% !important;
	text-align:center !important;
	white-space: nowrap !important;
}

.cac-check-button ul li label:hover {
	background-color: #F69C37 !important;
	  border: 4px solid #F69C37 !important;
	  cursor:pointer;
  }
  
  .cac-check-button input[type="checkbox"]:checked + label {
	  background-color:#F69C37 !important;
	  border-color: #F69C37 !important;
		border: 4px solid #F69C37 !important;
	  border-radius: 10px !important;
  }
  
  .cac-check-button  input[type="checkbox"]:focus + label {
	  border: 2px dashed #444;
  }
  
  .cac-check-button-donationAmount ul li {
	  width: 17% !important;
  }
  
  .cac-check-button-donationType ul li {
	  width: 25% !important;
  }
  
  .cac-check-button-recurrence ul li {
	  width: 40% !important;
  }
/* #endregion */


/* #region Other */
div.wpforms-confirmation-container-full {
    color: inherit;
    margin: 0;
    background: none;
	color: #333333;
    border: none;
    padding: 0;
}
 
div.wpforms-confirmation-container-full p:last-of-type {
    margin: inherit;
}

/* #endregion */

/* #region wpforms pther content */

.cac-text-orange wpforms-field-label{
    color: #f69c37;
}

/* #endregion */