/**
Theme Name: FCQ
Author: Agileware
Author URI: https://agileware.com.au
Description: Astra Child Theme for FCQ
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fcq
Template: astra
*/

button, .button {
    transition: all .2s linear;
}

.site-main #crm-container > :is(.footer, .crm-footer) {
	display: none;
}

.event-cancellation-error {
    margin-top: 0.5rem;
    background: none;
}

.card-event .wp-block-columns .wp-block-column {
    align-self: flex-start;
}

.card-event .tags > span {
    background-color: var(--ast-global-color-0);
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    margin: 15px 0 15px 0;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    padding: 5px 15px 5px 15px;
    margin: 0 0.2em 0 0;
}

.image-square-crop {
    height: auto;
    max-width: 100%;
	margin-bottom: 1rem;
}

.image-square-crop img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.image-square-crop img:hover,
.image-square-crop img:focus {
    opacity: 0.8;
}

.card-event .event-details {
    font-size: 0.8em;
	line-height: 1.1em;
}

.card-event .event-details .tags > span {
	margin-bottom: 0.25rem;
}

.card-event .event-details .event-cpd {
	margin: 0;	
}

.card-event .event-cpd > span {
    display: inline-block;
}

.card-event button.event-cancel-registration {
    background: none;
    color: var(--ast-global-color-8);
	border: 2px solid var(--ast-global-color-2);
	transition: all .2s linear;
}

.card-event button.event-cancel-registration:hover,
.card-event button.event-cancel-registration:focus {
	color: var(--ast-global-color-8);
	border: 2px solid var(--ast-global-color-0);
	transition: all .2s linear;
}

.card-event .event-complete-evaluation {
    &:hover, &:focus {
        color: var(--ast-global-color-8);
        background: var(--ast-global-color-7);
    }
}

/* Event Calendar */

.event-holder {
	width: 100%;	
}

#civicrm-event-fullcalendar {
    .civicrm-ux-event-link,
    .fc-daygrid-event {
        color: var(--ast-global-color-4);
        text-decoration: none;
    }

    .fc-toolbar {
        flex-wrap: wrap;
        gap: 0.5em;
    }

    .fc-toolbar-title {
        width: max-content;
        align-content: center;
        font-size: 1.75em;
        margin: 0;
    }

    #event-selector {
        margin-left: 0;
        align-self: auto;
    }

    .tippy-box {
        background-color: #F2F2F2;
        border-color: #333333;
        color: black;
    
        .event-name {
            text-transform: none;	
        }
    
        .event-time-text {
            color: black;
        }
    }

    .civicrm-ux-event-listing-cpd-points {
        margin: 0 30px;
    }
    
    .fc-toolbar-chunk {
        display: flex;
        gap: 0.75rem;
        flex-wrap: wrap;
    }
    
    .fc-button {
        align-self: center;
    }

    &.fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
        margin-left: 0;
    }
}

#civicrm-event-fullcalendar .civicrm-ux-event-listing-register,
.civicrm-ux-event-popup-container .civicrm-ux-event-listing-register,
.event-cancellation-confirm-dialog .modal-buttons button {
	margin: 0;
	color: var(--ast-global-color-3);
	background-color: var(--ast-global-color-2);
	border-color: var(--ast-global-color-2);
	transition: all .2s linear;
}

#civicrm-event-fullcalendar .civicrm-ux-event-listing-register:hover,
#civicrm-event-fullcalendar .civicrm-ux-event-listing-register:focus,
.civicrm-ux-event-popup-container .civicrm-ux-event-listing-register:hover,
.civicrm-ux-event-popup-container .civicrm-ux-event-listing-register:focus,
.event-cancellation-confirm-dialog .modal-buttons button:hover,
.event-cancellation-confirm-dialog .modal-buttons button:focus {
	color: var(--ast-global-color-4);
	background-color: var(--ast-global-color-0);
    border-color: var(--ast-global-color-0);
	transition: all .2s linear;
}

.civicrm-ux-event-popup-container {
    .event-cpd-text,
    .event-category-list {
        font-size: 14px;
    }

    .civicrm-ux-event-listing-date,
    .civicrm-ux-event-listing-location,
    .civicrm-ux-event-listing-cpd-points {
        display: flex;
        align-items: center;
    }

    .civicrm-ux-event-listing-register, 
    #civicrm-ux-event-popup-register {
        width: auto;
        text-align: center;
        margin: 0;
        padding: 0.5em 1em;
        vertical-align: middle;
        cursor: pointer;
        border-radius: 3px;
        width: auto;
    }
}

/* Event Page  - CiviCRM */

.crm-section.event_summary-section {
    width: 100%;
    font-size: 1.2em;
    margin-bottom: 2em;
}

.event-page .crm-title {
    margin-top: 2rem;
    display: none;
}

.event-page .crm-section.event_date_time-section .label,
.event-page .event_address-section .label {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ast-global-color-0);
}

.event-page .tags > span {
    background-color: var(--ast-global-color-0);
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    margin: 15px 0 15px 0;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    padding: 5px 15px 5px 15px;
    margin: 0 0.2em 0 0;
}

.event-cpd {
    margin: 0.5em 0;
}

.civicrm-ux-event-listing-cpd-points > span,
.event-cpd > span {
    margin-right: 1rem;
}

.civicrm-ux-event-listing-date i,
.civicrm-ux-event-listing-location i,
.civicrm-ux-event-listing-cpd-points i,
.event-details i {
    margin-right: 0.5rem;
    width: 1rem;
    text-align: center;
}

.civicrm-ux-event-listing .event-time-text {
	margin-left: 0;	
}

.event-details .event-location > span {
    display: inline-block;
    vertical-align: top;
}

.event-page .crm-container.crm-public a.button:link, 
.event-page .crm-container.crm-public a.button:visited {
    text-decoration: none;
    border-radius: 3px;
}

/* Override CiviCRM form page styling */
.crm-container #crm-main-content-wrapper .af-container.af-layout-inline, 
.crm-container #crm-main-content-wrapper .crm-section {
    margin-left: 0;
}

.crm-container #crm-main-content-wrapper .af-container.af-layout-inline > *, 
.crm-container #crm-main-content-wrapper .crm-section > * {
    margin-left: 0;
}

.crm-container #crm-main-content-wrapper .messages {
    width: 100%;
    margin: auto 0;
}

.crm-container #crm-main-content-wrapper #intro_text,
.crm-container #crm-main-content-wrapper #footer_text {
    display: initial;
}

.crm-container .form-layout {
    border: 1px solid black;
}

.crm-container .header-dark {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5em;
    color: var(--ast-global-color-0);
}

.crm-i.fa-chevron-left {
    padding-right: 0.5rem;
}

span.required-marker {
    color: red;
    padding: 0 10px;
}