/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .civicrm-event-listing h2, .civicrm-event-listing h3,
 .civicrm-event-listing p {
     margin: 0;
 }
 
 .fc-h-event {
     border: none !important;
 }
 
 @media screen and (max-width: 600px) {
   .fc-view-harness {
     height: 64vh !important;
   }
 }
 
 /* Campaign shortcodes */
 .campaign-meter {
     width: 100%;
     background-color: #e0e0e0;
     padding: 3px;
     border-radius: 3px;
     box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
 }
 
 .campaign-meter > span {
     display: block;
     height: 22px;
     background-color: #659cef;
     border-radius: 3px;
 
     transition: width 500ms ease-in-out;
 }
 
 .campaign-bold {
     font-weight: 700;
 }
 
 .campaign-raised {
     font-size: 3.75em;
     font-weight: 500;
     line-height: normal;
 }
 
 .campaign-honour-item {
     display: flex;
     height: 3rem;
     justify-content: space-between;
     align-items: center;
     padding: 0 10px;
 }
 
 .campaign-honour-item:nth-child(odd) {
     background-color: #f2f2f2;
 }
 
 .campaign-honour-item-info, .campaign-honour-item-amount {
     flex: 0 0 40%;
 }
 
 .campaign-honour-item-info {
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
 }
 
 .campaign-honour-item-amount {
     text-align: right;
     font-size: 32px;
     font-weight: 800;
 }
 
 /*Chrush Statistics*/
 .civicrm-activities-wrap label {
     display: block;
 }

 #wp-civicrm-ux-filter-form {
    label {
        margin-right: 8px;
        font-weight: bold;
    }

    label:not(:first-of-type) {
        margin-left: 16px;
    }
 }

 .wp-civicrm-ux-button {
    text-decoration: none !important;
    text-transform: none;
    padding: 8px 16px;

    i {
        margin-right: 8px;
    }
 }

 .event-cancellation-confirm-dialog,
 .event-markattendance-confirm-dialog {
	padding: 2rem;
    width: 80%;
    max-width: 500px;
    background-color: white;
    border-radius: 5px;
    text-align: center;
}

.event-cancellation-confirm-dialog .event-title,
.event-markattendance-confirm-dialog .event-title {
    font-size: 1.5rem;
}

.event-cancellation-error,
.event-markattendance-error {
    padding: 1rem;
    border: 1px solid rgb(220, 53, 69);
    font-size: 1rem;
    background: rgba(220, 53, 69, 0.2);
}

.event-cancellation-error .title,
.event-markattendance-error .title {
    font-size: 1.1rem;
    font-weight: 600;
}

.event-markattendance-confirm-dialog button.close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px;
}

/* For elements that use the CiviCRM img_src_field to output an image */
*[data-img-src=""] {
    display: none;
}

 /* Self Serve Checksum */
 .ss-cs-status-message {
    font-size: 1.2em;
 }