/* these styles are loaded just before </head>, giving the possibilty overriding styles defined earlier */
/* fix civicrm */
.crm-container {
    margin-bottom:80px!important;
}
.crm-container ul.crm-checkbox-list {
 border:none;
 width:100%;
}
.civievent-widget-single-image img {
 max-height: 400px
}
fieldset.af-container ul {
 list-style-type: none;
 padding: 0;
 padding-left: 10px;
 margin: 0;
}
fieldset.af-container label.radio-inline {
 display: block !important;
 margin-left: 0 !important;
 margin-bottom: 5px !important;
 padding-left: 25px !important;
 position: relative;
 width: 100%;
 padding-top:10px;
}
fieldset.af-container input.crm-form-radio {
 position: absolute !important;
 margin-top: 4px !important;
 margin-left: -15px !important;
 cursor: pointer;
 display: inline-block !important;
 width: auto !important;
}
fieldset.af-container .af-container {
 padding-left:20px;
 margin-top:35px!important;
}
fieldset.af-container .crm-af-field-label {
 display: block !important;
 padding-bottom:10px;
}
fieldset.af-container .af-title {
 background:#efefef!important;
 color:#222!important;
 padding-top:10px!important;
 padding-bottom:10px!important;
 margin-top:10px!important;
}
fieldset.af-container input[type="text"],
fieldset.af-container input[type="email"],
fieldset.af-container .crm-form-textarea
{
 margin-left:10px!important;
 width:95%;
}
fieldset.af-container af-field[name="first_name"],
fieldset.af-container  af-field[name="last_name"],
fieldset.af-container  af-field[name="email"] {
 display:block!important;
 margin-top:15px!important;
 width:95%!important;
}
div[af-join="Email"] {
 width:100%!important;
}
af-form[ng-form="afformContactPageInquiry"] fieldset[af-fieldset="Individual1"]
{
 border:none;
 padding:0!important;
 margin:0!important;
}
af-form[ng-form="afformContactPageInquiry"] fieldset[af-fieldset="Activity1"]
{
 border:none;
 padding:0!important;
 margin:0!important;
}
af-form[ng-form="afformSubscribeNewsletter"] fieldset[af-fieldset="Individual1"]
{
 border:none;
 padding:0!important;
 margin:0!important;
}

/* BuddyPress styles are in buddypress-styles.css, loaded conditionally via functions.php */

/* -------------------------------------------------------------------------
 * Global CiviCRM status/error message formatting
 * Applies to all CiviCRM frontend pages (contribution, events, profiles, etc.)
 * ------------------------------------------------------------------------- */
.crm-container .messages {
 padding: 12px 16px;
 margin: 1em 0;
 border-radius: 6px;
 border-left: 4px solid transparent;
 overflow: hidden;
}

.crm-container .messages > .crm-i {
 float: left;
 margin-right: 10px;
 margin-top: 3px;
 font-size: 1.1em;
}

.crm-container .messages .msg-title {
 display: block;
 font-weight: 600;
 margin-bottom: 4px;
}

.crm-container .messages .msg-text {
 display: block;
}

.crm-container .messages ul {
 margin: 4px 0 0;
 padding-left: 1.4em;
}

.crm-container .messages ul li {
 margin-bottom: 2px;
}

.crm-container .messages.status {
 background-color: #f0f7ff;
 border-color: #b8d9f5;
 border-left-color: #0274be;
 color: #1a3a5c;
}

.crm-container .messages.status > .crm-i {
 color: #0274be;
}

.crm-container .messages.crm-error {
 background-color: #fef2f2;
 border-color: #fecaca;
 border-left-color: #dc2626;
 color: #7f1d1d;
}

.crm-container .messages.crm-error > .crm-i {
 color: #dc2626;
}
