/**
Author: Civicopilot
Author URI: https://civicopilot.com/
Version:1.0.0
**/

/* headings container */
#crm-container .widget-controls, .crm-container .crm-accordion-header {background:var(--ast-global-color-0) !important;}

.crm-container .crm-accordion-wrapper .crm-master-accordion-header, #crm-container .widget-content .crm-accordion-header, .crm-container .header-dark {
	background-color:var(--ast-global-color-1);
	color:#fff;
	padding:10px;
}

/* field labels */
#crm-container.crm-public .label,.crm-container .crm-section .label label {
        font-size0.9rem;
        color:var(--ast-global-color-0);
}

#crm-container.crm-public .label {
	padding-bottom:8px;
	padding-right:20px;
	font-weight:700;
}

/* checkboxes */
.crm-container .crm-multiple-checkbox-radio-options {
  --checkbox-width: 2em;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

/* required marker */
.crm-container .crm-marker {
  color:var(--ast-global-color-2);
}

/* larger radio and checkbox fields */
.crm-section input[type="radio"] {
  border: 1px solid #eee !important;
  width: 20px !important;
  height: 20px;
  margin-right: 5px;
  border-radius: 50px !important;
}

.crm-section input[type="checkbox"] {
  border: 1px solid #eee !important;
  width: 20px !important;
  height: 20px;
  margin-right:5px;
}

.crm-container .crm-multiple-checkbox-radio-options .crm-option-label-pair {
  align-items: center;
}

#crm-container.crm-public textarea {
        border-color:var(--ast-global-color-1);
        border-width:2px;
        -webkit-box-shadow: none;
        border-bottom-style: solid;
        border-radius:3px;
}

.crm-container input.crm-form-text {background-image:none;}

#crm-container.crm-public input[type="text"],
#crm-container.crm-public input[type="password"],
#crm-container.crm-public input[type="email"],
#crm-container.crm-public select,
#crm-container.crm-public.crm-container .select2-container {
	width: 30%;
    border-color:var(--ast-global-color-0);
    border-width:2px;
    -webkit-box-shadow: none;
	border-radius:3px;
	}

#crm-container.crm-public input[type="text"]:focus,
#crm-container.crm-public input[type="password"]:focus,
#crm-container.crm-public input[type="email"]:focus,
#crm-container.crm-public textarea:focus,
#crm-container.crm-public select:focus,
#crm-container.crm-public.crm-container .select2-container:focus {
	border-color:var(--ast-global-color-1);
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 0px 5px 3px rgba(85, 103, 139, 0.3);
}

#crm-container.crm-public textarea {
        width:95% !important;
}

/* select dropdowns */
.select2-drop-mask {
	line-height:inherit;
	}

/*
.select2-container .select2-choice .select2-arrow {display:none;}
.select2-container .select2-choice {border:0;}
*/
 .crm-container.crm-public .select2-container a.select2-choice {
    padding:0;
    padding-left: 10px;
}

/*-----------------------------------------------------------------------------------*/
/* Start Mobile */
/*-----------------------------------------------------------------------------------*/ 
 
@media (max-width:960px){
.crm-container fieldset {
	display: flex !important;
	flex-direction: column !important;
  }


  /* Mobile view for profiles  */
  #crm-container.crm-public .crm-block input[type="text"],
  #crm-container.crm-public .crm-block input[type="password"],
  #crm-container.crm-public .crm-block input[type="email"],
  #crm-container.crm-public .crm-block select, 
  #crm-container.crm-public .crm-block select2,
  #crm-container.crm-public .crm-block textarea {
    width: 95%;
  }
  
/* mobile profile fields on own line */  
  #crm-container.crm-public .label {
	display: block;
	float: none;
	text-align:left;
	width: 100%;	
}

/* field labels */
#crm-container.crm-public .label {
 font-size:1rem;
}

.crm-container .crm-section .content {margin-left:0% !important;}

/* field labels 
#crm-container.crm-public .label {
 font-weight:bold;
}
*/

.crm-container .crm-button {
        width: 98%;
	line-height:220%;
}

/* confirmation page buttons */
#crm-container.crm-public #crm-submit-buttons {
        margin:0 !important;
        }

}

/*-----------------------------------------------------------------------------------*/
/* End Mobile */
/*-----------------------------------------------------------------------------------*/ 
/* Submit Button */
#crm-container.crm-public .crm-button, .crm-container a.button, .crm-container .crm-button {
        padding: 0.85rem 40px;
        background:var(--ast-global-color-2);
        text-shadow:none;
        font-size: 16px;
        color:var(--ast-global-color-0);
        font-weight:700;
        border: none;
	border-radius:5px;
        text-transform:uppercase;
}

#crm-container.crm-public .crm-button:hover,.crm-container .crm-button:focus, #_qf_Main_upload-bottom:focus, .crm-contribute-button-inner:hover, .crm-container .crm-button:hover {
        background:var(--ast-global-color-8);
        color:var(--ast-global-color-4);
        transition:all .5s ease;
        box-shadow: 5px 5px 5px rgba(85, 103, 139, 0.3);
}

/* civi button */
.crm-container input[type="button"] {
        background:#fff;
        border:none;
        text-shadow: none;
        color:var(--ast-global-color-0);
        font-weight:900;
 }

/* deemphasize the cancel button */
#_qf_CancelSubscription_submit-bottom, #_qf_CancelSubscription_next-bottom {
  background: gray;
}

#crm-container.crm-public .content.description {
        padding-top: 0px;
        }

#crm-container.crm-public .price-set-row .highlight .crm-price-amount-label, #crm-container.crm-public .price-set-row .highlight .crm-price-amount-amount {
  color:#fff;
  font-weight:900;
}

#crm-container.crm-public .calc-value, #crm-container.crm-public #priceevalue {
	font-size: 22px;
	font-weight:900;
}

/*
#crm-container.crm-public .price-set-row .crm-price-amount-label, #crm-container.crm-public .price-set-row .crm-price-amount-amount {color:#545454 !important;}
*/

/* select2 fix */
.crm-container.crm-public .select2-container .select2-choice {padding: 0px 10px !important;}

fieldset legend {
	margin-bottom:0px;
	font-weight:900 !important;
}

.crm-container fieldset legend {
	font-size:1rem;
	font-weight:inherit;
}	

/* No CRM title */
#crm-container .crm-title {display:none;}

/* margin between fields */
#crm-container.crm-public .crm-section {
  margin-bottom: 0.85rem;
}

/* padding to radio and checkbox label */
div.crm-container input[type="checkbox"]+label ,div.crm-container input[type="radio"]+label{
	padding-right:0.85rem;
	vertical-align:top;
}

#crm-container.crm-public .crm-container input.crm-form-text {padding:5px;}

/* price values */
span.price-set-option-content {font-size:16px;}

.content.description, .crm-container .description {
	font-weight: inherit;
	clear: both;
	display:block;
	color:#666;
}

/* sticky header for search kit display */
div.crm-search-display-table table thead tr {
  position: sticky;
  top: 10px;
  box-shadow: 0 2px 2px -1px rgb(0 0 0 / 40%);
}

.crm-i.fa-check {display: none;}

/* transition  civi button */
.crm-container .crm-button:hover, .crm-container .crm-button:active {
	transition: all .5s ease;
}

/* button margin for empowered by civicrm */
#civicrm-footer {
    margin-top: 5em;
}

/* message status */ 
.crm-container .status, .messages.help, .crm-container .help, .crm-container #help, .messages.status.no-popup {
	padding: 10px 10px 10px 1.1rem;
	background-color:white;
	border:0px solid var(--ast-global-color-1);
	margin:1em 0em;
	font-weight: inherit;
	font-size: 0.85rem;
	border-left: 4px solid var(--ast-global-color-7);
	box-shadow: 0px 0px 3px 1px rgba(85, 103, 139, 0.3);

}

.messages.help p {font-size:0.85rem;} 

/* hr */
.crm-container hr {
    background-color: #fff;
}

#crm-profile-block.crm-container.crm-public h5 {
border-bottom: 1px solid #fff; 
font-size: 1rem;
font-weight:900;
}

/* premiums */
#crm-container.crm-public #premiums-listings .premium.premium-disabled .premium-full-disabled {
font-weight:inherit;
font-size: 0.85rem;
}

.crm-container .crm-form-block, #crm-container.crm-public #premiums-listings .premium.premium-no_thanks .premium-full, #crm-container.crm-public #premiums-listings .premium.premium-no_thanks .premium-short {
font-size: 1rem;
}

/* column header */
#crm-container.crm-container.crm-public th {
	background-color:var(--ast-global-color-1);
	color:#fff;
	font-size:1rem;
}

/* profile form label *
.crm-container fieldset legend {
	color:#eee;
}
*/

/* highlight donation amount selection */
/* #crm-container.crm-public .price-set-row .highlight .crm-price-amount-label {color:white;} */

#crm-container.crm-public .price-set-row .crm-price-amount-amount, #crm-container.crm-public .price-set-row .crm-price-amount-label {
	font-size: 20px;
	line-height:150%;
	font-weight:normal;
	}

/* profile horizontal line color */
.crm-container fieldset {border-top: 1px solid #fff;}

/* tables */
.crm-container .font-light {font-weight: inherit;}

.crm-container table {font-size:0.9rem;}


/* remove colon on price sets */
.crm-price-amount-help-post-separator {display: none !important;}

.crm-section.crm-error-message {
    margin-top: 10px;
}

#editrow-preferred_communication_method > div.label > label {
    text-transform: initial;
}

#civicrm-footer {border:none;}

/* stripe */
#card-element {
	background-color:var(--ast-global-color-3) !important;
}

/* spread the word */
.crm-container .status.crm-ok {
	background-color: var(--ast-global-color-8);
	border: 1px solid var(--ast-global-color-5);
	border-left: 4px solid var(--ast-global-color-7);
}


/* fieldset as divider */
.crm-container fieldset legend, #crm-profile-block.crm-container.crm-public legend  {
  display: block;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 20px 10px 20px 25px;
  margin-bottom: 2%;
  background:var(--ast-global-color-1);
  color:white;
  position: relative;
  text-indent: 0;
  width: 100% !important;
  border-radius:5px;
}

/* background removal shows on recur cancel form */
.crm-container .crm-form-block {
  background-color: unset;
}

/* spacing on field labels */
.crm-container fieldset .label {
	margin-right:20px;
}

/* hide wrench for priceset edits */
#priceset div.float-right {
 	display:block;
}

/*-----------------------------------------------------------------------------------*/
/* Form Builder */
/*-----------------------------------------------------------------------------------*/

/* items gap */
#bootstrap-theme.crm-container .af-container.af-layout-cols {
	gap: 25px;
}

#bootstrap-theme.crm-container .af-container legend {
  margin: 20px auto;
}

/* Add space between each field */
.af-container af-field {
	margin-bottom: 1.5rem;
}


/* container title */
#bootstrap-theme.crm-container .af-container legend.af-title {
  padding: 10px;
  color: white;
}

.crm-af-field-label.ng-binding.ng-scope {
  font-size:1.1rem;
}

div.crm-container label {
	font-weight:inherit;
	padding-right:10px;
}


 #bootstrap-theme.crm-container .form-control {
	height: 40px;
	border-color:var(--ast-global-color-5);
        border-width:2px;
        -webkit-box-shadow: none;
        border-bottom-style: solid;
        border-radius:3px;
}

#bootstrap-theme.crm-container textarea {
	border-color:var(--ast-global-color-5);
        border-width:2px;
        -webkit-box-shadow: none;
        border-bottom-style: solid;
        border-radius:3px;
}

#bootstrap-theme .form-control:focus, #bootstrap-theme.crm-container textarea:focus {
	border-color:var(--ast-global-color-2);
        transition: all 0.3s ease-in-out;
}

/* btn color */
#bootstrap-theme .btn:not(.dropdown-toggle) {
	padding: 10px 25px;
/*	margin-top:25px; */
        text-shadow:none;
        font-size: 0.85rem;
        color:var(--ast-global-color-0);
        font-weight:700;
        border: none;
        border-radius:5px;
        text-transform:uppercase;
	height:40px;
}

/* buttons */

#bootstrap-theme .btn-primary, #bootstrap-theme .btn-default {
        background:var(--ast-global-color-2);
	color:white;
}

af-button {
  margin-top: 10px !important;
}

#bootstrap-theme .btn-primary:hover,#bootstrap-theme .btn-primary:focus, #bootstrap-theme .btn-primary:active, #bootstrap-theme .btn-default:hover {
 	background:var(--ast-global-color-8);
        color:#fff;
        transition:all .5s ease;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

#bootstrap-theme .table > tbody > tr > td {
	font-size:0.9rem;
}

/* afform */
.af-container.af-layout-inline {
    margin-bottom: 2%;
}

/* field label */
#bootstrap-theme label.crm-af-field-label.ng-binding.ng-scope {
	font-size: 16px;
	color: var(--ast-global-color-1);
	font-weight:700;
}

/* field option labels */
#bootstrap-theme label.ng-binding {
  font-weight:inherit;
}

/* confirmation message */
.afform-confirmation {
  background-color: rgba(255, 198, 0, 0.8);
  padding: 1%;
  border-radius:3px;
}

/* mobile afform */
@media only screen and (max-width:544px) {
.af-container.af-layout-cols, .crm-container ul.crm-checkbox-list {
  flex-direction: column;
	}
}