/*
Theme Name: PACAD

Template: astra

*/

/* main navigation hover blue underline  */
.ast-builder-menu-1 .menu-item {
    border-top: 5px solid #ffffff !important;
      border-bottom: 5px solid #ffffff !important;
}
.ast-builder-menu-1 .menu-item:hover {
border-bottom: 5px solid #009edb !important;
}
.ast-builder-menu-1 .sub-menu .menu-item {
border-top: 0px solid #ffffff !important;
    border-bottom: 1px solid rgba(242, 242, 242, 0.75)
!important;
}
.ast-builder-menu-1 .sub-menu {
    margin-top:5px !important;
}
.ast-builder-menu-1 .sub-menu .sub-menu  {
    margin-top:1px !important;
}

ul.sub-menu .menu-item {
    margin: 7px 0;
}

.ast-desktop .astra-menu-animation-slide-down>.menu-item:hover>.sub-menu {
    margin: 7px 0;
}

.ast-builder-menu-1 .current-menu-item, .ast-builder-menu-1 .current-menu-ancestor {
border-bottom: 5px solid #009edb !important;
}

/* Structure '3rd' level menu' */

#menu-item-659,
#menu-item-675,
#menu-item-676,
#menu-item-677 {
    padding-left: 25px;
    border-bottom: 0 !important;
}

#menu-item-659:before,
#menu-item-675:before,
#menu-item-676:before,
#menu-item-677:before {
        content: '';
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 18px;
    width: 5px;
    height: 5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
    clear: both;
    transform: rotate(-90deg);
}

@media screen and (min-width: 992px) {
    ul.sub-menu .menu-item {
        border-bottom: 1px solid white !important;
    }
    ul.sub-menu .menu-item:last-of-type {
        border-bottom: none !important;
    }
    ul.sub-menu {
        padding: 0 20px
    }
    ul.sub-menu .menu-item .menu-link {
        padding :0
    }
}

.sub-menu .sub-menu .menu-item:hover .menu-text {
    
    text-decoration:underline;
}

/* Auxiliary navigation: hover state */
.ast-builder-menu-2 .menu-item:hover  {
    text-decoration:underline;
}

/* footer: blue color line above footer */
.site-primary-footer-wrap {
border-top: 5px solid #009edb !important;
}

/* footer: footer secondary navigation */
.menu-footer-secondary-menu-container {
clear:left; padding-top:20px;
}
#menu-footer-secondary-menu .menu-item {
    display: inline;
}
#menu-footer-secondary-menu .menu-link {
    color:#ffffff;
    font-size:0.9em;
}
#menu-footer-secondary-menu .menu-link:hover {
    text-decoration:underline;
}
#menu-footer-secondary-menu li {
border-left: 1px solid #ffffff;
    padding:0px 10px;
}
#menu-footer-secondary-menu li:first-child{
border-left: 0px;
    padding-left:0px;
}

/* Disable target on article img hover */

.premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
.premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
    display: none;
}

/* Customize calendar selected day */

.mec-calendar .mec-selected-day {
    background-color: #325c77;
}

.mec-calendar .mec-calendar-row dt.mec-has-event:hover {
    background-color: #325c77;
}

.mec-calendar .mec-has-event:after {
    background-color: #325c77;
}

.mec-load-month-link {
    text-decoration: none !important;
}

.mec-calendar.mec-event-calendar-classic .mec-selected-day,
.mec-wrap .mec-calendar.mec-event-calendar-classic:not(.mec-event-container-simple) .mec-selected-day:hover,
.mec-calendar .mec-calendar-side .mec-next-month i, .mec-calendar .mec-calendar-side .mec-previous-month i {
    color: #325c77 !important;
}

.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected {
    background-color: #325c77;
    border-color: #325c77;
}



.elementor-element.with-divider h1.elementor-heading-title::after,
.elementor-element.with-divider h2.elementor-heading-title::after {
    height: 3px;
        margin-top: 15px;
    display: block;
    width: 33%;
    background: #009edb;
    content: '';
}

/* Special cases for non elementor headings */

h4.with-divider::after {
    height: 3px;
    margin-top: 15px;
    display: block;
    width: 100px;
    background: #009edb;
    content: '';
}

.elementor-element.with-divider-middle h1.elementor-heading-title::after,
.elementor-element.with-divider-middle h2.elementor-heading-title::after {
    height: 3px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    display: block;
    width: 33%;
    background: #009edb;
    content: '';
}

/* Customize latest articles filtering */

.premium-blog-filter {
    background-color: #F2F2F2;
}

.premium-blog-filter .premium-blog-filters-container li a.category {
    margin: 15px 5px;
    opacity: 0.7
}

.premium-blog-filter .premium-blog-filters-container li a.category.active {
    opacity: 1;
}

.premium-blog-wrap p.read-more {
    display: none;
}

.premium-blog-wrap .premium-blog-excerpt-link-wrap a {
    color: #fff;
}

/* Stick 'read more' to bottom of article listing homepage */

.premium-blog-wrap .premium-blog-excerpt-link-wrap {
/* 	position: absolute; */
/* 	bottom: 15px; */
}


/* Calendar event single page */

body.single-mec-events {
    background-color: #fff;
}

body.single-mec-events .row.mec-single-event {
    margin-top: 3rem;
}

/* Modify tabs */

.elementor-widget-tabs.elementor-tabs-alignment-stretch.elementor-tabs-view-horizontal .elementor-tab-title {
    text-align: center;
}

/* Disable comments single page */
#respond {
    display: none;
}

/* Customize contact */

.wpforms-container .submit-btn {
    transition: ease-out 250ms;
}

.wpforms-container .submit-btn:hover {
    color: #fff;
    background-color: #325C77;
    border-color: #325C77;
    transition: ease-in 250ms;
}

.page-id-114 .site-footer {
    margin-top: 0;
}

/* Customize news/articles main page */

.blog.ast-separate-container .content-area {
    margin-top: 148px !important;
}

.blog.ast-separate-container .content-area .ast-row {
    padding: 3rem 0;
}

.blog.ast-separate-container .content-area .ast-row article {
    padding: 0 15px 15px 0;
}

.blog.ast-separate-container .content-area .ast-row .ast-article-post {
    border-bottom: none;
}

/* Customize contribution form */
.page-id-503 .wpforms-container .wpforms-submit-container button.wpforms-submit {
    transition: ease-out 250ms;
}

.page-id-503 .wpforms-container .wpforms-submit-container button.wpforms-submit:hover {
    background-color: #325c77;
    border-color: #325c77;
    transition: ease-in 250ms;
}

.page-id-503 .site-footer {
    margin-top: 0;
}

/* Override mobile menu settings */

.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
    background: #325C77;
}

.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
    top: 5px;
    color: #fff;
    border: none;
}
.ast-builder-menu-mobile .main-navigation .menu-item:hover > .menu-link,
.ast-builder-menu-mobile .main-navigation .menu-item:hover > .ast-menu-toggle {
    color: #fff !important;
}

.ast-mobile-popup-content .ast-icon svg {
    margin-top: 0;
}

.ast-menu-toggle:focus {
    outline: none;
}

.custom-mobile-logo-link img {
    max-width: 44px;
}

/* Add aux menu icons */

#menu-item-679 {
    margin-right: 30px;
}

#menu-item-679,
#menu-item-680 {
    display: inline-flex;
    flex-direction: row;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    text-decoration: none !important;
}

#menu-item-679 .menu-link,
#menu-item-680 .menu-link  {
    padding: 0 0 0 10px
}

/* Search results page */

.ast-archive-description .page-title.ast-archive-title {
    color: #000000;
}

/* Style MEC RSPV module */

.mec-rsvp-form-box button {
    background-color: #325c77;
}

.select2-container {
    z-index: 999999;
}

body.logged-in li#menu-item-467 {
    display: flex;
}

/* Limit right event list for MEC calendar */

.mec-calendar-events-sec {
    height: 540px;
    overflow: auto;
/*     overflow-y: scroll; */
}

/* Stick footer to bottom */

#page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.admin-bar #page{
    min-height: calc(100vh - 32px);
}
#page .site-content{
    flex-grow: 1;
}

/* Remove outline on anchor click */

a:focus {
    outline: none !important;
}

/* Center calendar controls */

.elementor-column.elementor-element-0e46c25 .elementor-widget-wrap,
.elementor-column.elementor-element-06baca7 .elementor-widget-wrap {
    display: flex;
    justify-content: center;
}

/* Customize MEC event form */

.mec-fes-form {
    background: #fff;
    padding: 30px 0;
}

.mec-fes-form-top-actions a {
    background: #325c77;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0;
}

.mec-fes-form label {
    font-size: 14px;
    font-weight: 600;
    color: #555;
}

.mec-fes-form input[type=text],
.mec-fes-form input[type=number],
.mec-fes-form input[type=url],
.mec-fes-form select {
    border-radius: 2px !important;
    border: 1px solid #ddd;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.mec-fes-form input[type=url]:focus,
.mec-fes-form input[type=number]:focus,
.mec-fes-form input[type=text]:focus,
.mec-fes-form select:focus {
    border-color: var(--ast-border-color);
    outline: revert;
}

.mec-form-row.mec-show-map-status {
    display: flex;
    align-items: center;
}
.mec-form-row.mec-show-map-status input,
.mec-form-row.mec-show-map-status label {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.mec-fes-form .mec-meta-box-fields#mec-schema {
    display: none;
}

.mec-fes-form .mec-meta-box-fields#mec-fes-visibility {
    display: none;
}

.mec-fes-form .mce-tinymce.mce-container.mce-panel {
    border: 1px solid #f6f7f7;
}

.mec-fes-form .quicktags-toolbar, 
.mec-fes-form div.mce-toolbar-grp {
        background: #f6f7f7;
    border-bottom: 1px solid #f6f7f7;
    box-shadow: 0 1px 0 1px #f6f7f7;
}

.mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    border: 0;
}

.mec-fes-form .mce-tinymce.mce-container.mce-panel {
    box-shadow: none;
    border: 1px solid #ddd;
}

.mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-active {
    background: #fff;
    border-color: #325c77;
    box-shadow: inset 0 2px 6px -3px rgb(50 92 119 / 70%);
}

.mce-toolbar .mce-btn-group .mce-btn:hover {
    background: #fff;
    color: #325c77;
}

.mec-fes-form .tmce-active .switch-tmce {
    color: #555;
    background: #fff;
}

.mec-fes-form .html-active .switch-html {
    color: #325c77;
}

.mec-fes-form .mce-toolbar .mce-ico {
    color: #50575e;
}

.mec-fes-form .quicktags-toolbar, .mec-fes-form div.mce-toolbar-grp {
    border-bottom: 0;
    box-shadow: none;
}

.mec-fes-form textarea {
    border: 1px solid var(--ast-border-color);
    box-shadow: none;
}

.mec-fes-form .mec-meta-box-fields {
    border: 2px solid transparent;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#mec-fes-title-description {
    padding-top: 15px;
}

#mec-agreement-row .mec-form-row {
    padding-top: 15px;
    margin-bottom: 0;
}

.mec-fes-form .mec-meta-box-fields h4 {
    background: #fff;
    color: #333;
    font-size: 20px;
}

.mec-fes-form .mec-title span.mec-dashicons {
    color: #325c77;
}

.mec-form-row input[type=checkbox] {
    border: 1px solid #325c77;
}

.mec-fes-form .mec-meta-box-fields h4 label {
    background: #325c77;
    color: #fff;
}

#mec_meta_box_date_form div.mec-form-row:nth-last-child(-n+4) > * {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
#mec_meta_box_date_form > div.mec-form-row:nth-last-child(-n+4) {
    display: flex;
    align-items: center;
}
#mec_meta_box_date_inputs_container {
    display: flex;
    justify-content: space-between;
}

#mec_meta_box_date_inputs_container > div {
    width: 50%;
}

#mec_location_new_container_info_container {
    display: flex;
    justify-content: space-between;
}

#mec_location_new_container_info_container > div {
    width: 50%;
}

#mec_meta_box_repeat_form > div.mec-form-row {
    display: flex;
    align-items: center;
}

#mec_meta_box_repeat_form div.mec-form-row > * {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#mec_end_wrapper div.mec-form-row:last-child {
    display: flex;
    align-items: center;
}

#mec_meta_box_hourly_schedule_day_form .description {
    display: block;
    font-style: italic;
    margin-top: 5px;
}

#mec_meta_box_hourly_schedule_days h4 {
    font-size: 17px;
}
#mec_meta_box_hourly_schedule_days [id^=mec_meta_box_hourly_schedule_day_] .mec-form-row.mec-box .button:hover,
#mec_meta_box_hourly_schedule_days [id^=mec_meta_box_hourly_schedule_day_] .mec-col-1 .button:hover {
    border-width: 1px;
}

.mec-fes-hourly-schedule div[id^='mec_meta_box_hourly_schedule_form'] .mec-form-row:first-child {
    display: flex;
    align-items: center;
}

.select2-search--dropdown input[type=search]:focus {
    outline: revert;
}

.mec-fes-hourly-schedule div[id^='mec_meta_box_hourly_schedule_form'] .mec-form-row:first-child input,
.mec-fes-hourly-schedule div[id^='mec_meta_box_hourly_schedule_form'] .mec-form-row:first-child button,
.mec-fes-hourly-schedule div[id^='mec_meta_box_hourly_schedule_form'] .mec-form-row:first-child label {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.mec-fes-hourly-schedule div[id^='mec_meta_box_hourly_schedule_form'] .mec-form-row.mec-box {
    display: flex;
    align-items: center;
}

.mec-fes-hourly-schedule div[id^='mec_meta_box_hourly_schedule_form'] .mec-form-row.mec-box input,
.mec-fes-hourly-schedule div[id^='mec_meta_box_hourly_schedule_form'] .mec-form-row.mec-box button,
.mec-fes-hourly-schedule div[id^='mec_meta_box_hourly_schedule_form'] .mec-form-row.mec-box label {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.mec-fes-hourly-schedule div[id^='mec_meta_box_hourly_schedule_form'] .mec-form-row .mec-col-10 {
    margin: 0 15px;
}

#mec-location .select2-container--default .select2-selection--single,
#mec-location .select2-container--default .select2-selection--multiple,
#mec-organizer .select2-container--default .select2-selection--single,
#mec-organizer .select2-container--default .select2-selection--multiple {
    border: 0;
    background-color: transparent;
}

#mec_location_new_container,
#mec_organizer_new_container p{
    margin-bottom: 0;
}
#mec_location_new_container input,
#mec_organizer_new_container input {
    margin-bottom: 5px;
}

#mec_organizer_new_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 10px;
}

#mec_organizer_new_container .mec-form-row:first-child {
    grid-area: 1 / 1 / 2 / 2;
}

#mec_organizer_new_container .mec-form-row + div {
    grid-area: 1 / 2 / 2 / 3;
}

#mec_organizer_new_container .mec-form-row + div + div {
    grid-area: 1 / 3 / 2 / 4;
}

#mec_organizer_new_container .mec-form-row + div + div + div {
    grid-area: 2 / 1 / 3 / 2;
}

#mec_organizer_new_container .mec-form-row + div + div + div + div {
    grid-area: 2 / 2 / 3 / 3;
}

#mec_organizer_new_container .mec-form-row + div + div + div + div + div {
    grid-area: 3 / 1 / 4 / 2;
}

  
.mec-fes-form input[type=file] {
    display: block;
    border: 1px solid #325c77;
    height: auto;
    color: #325c77;
    margin-top: 15px;
    cursor: pointer;
    box-shadow: none;
}

.mec_document-container {
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

.mec-fes-form .mec_document-container input[type=file] {
    margin-top: 0;
}
  
.mec-fes-form .mec-form-row input[type=checkbox]:checked {
    box-shadow: 0 1px 6px -2px #325c77;
    border-color: #325c77;
    background: #325c77!important;
}
  
.mec-fes-form .mec-form-row .button:not(.wp-color-result) {
    border: 1px solid #325c77;
    color: #325c77;
    border-radius: 2px;
    padding: 10px !important;
    height: auto;
    line-height: 1 !important;
    font-size: 17px;
    font-weight: 600;
}

.mec-fes-form .description {
    font-size: 12px;
    color: #555;
}
.mec-form-row p {
    color: #333 !important;
}
  
.mec-fes-form .mec-tooltip .dashicons-before:before {
    color: #325c77;
}
  
.mec-available-color-row span.color-selected {
    box-shadow: 0 0 0 2px #325c77, 0 2px 8px -1px #325c77;
}

.mec-form-row.mec-fes-submit-wide {
    display: flex;
    align-items: center;
}
.mec-fes-form .mec-fes-form-cancel-btn {
    width: 100%;
    display: block;
    margin-right: 15px;
    padding: 17px 15px;
    text-align: center;
    border: 1px solid #325c77;
    text-decoration: none !important;
    line-height: 1.5;
    color: #325c77;
    font-weight: 600;
    letter-spacing: 0.1em;
}
.mec-fes-form .mec-fes-form-cancel-btn:hover {
    color: #fff;
    background: #325c77;
}

.mec-fes-form button[type=submit].mec-fes-sub-button {
    box-shadow: none;
    background: #325c77;
    margin: 0;
    height: auto;
    padding: 17px 15px;
    border-radius: 0;
    border: 1px solid #325c77;
    line-height: 1.5;
}

.mec-fes-form button[type=submit].mec-fes-sub-button:hover {
    color: #325c77;
    background: #fff;
}
  
.mec-fes-form button[type=submit].mec-fes-sub-button:hover {
    box-shadow: none;
}
  
.mec-fes-form div.mce-statusbar {
    border-top-color: #325c77;
}
  
.mec-fes-form .wp-editor-tabs .wp-switch-editor,
.mec-fes-form .wp-editor-tabs .wp-switch-html {
    color: #555;
    border-color: #f6f7f7;
    border-bottom: 1px solid #f6f7f7;
}
  
.mec-fes-form .mec-form-row .quicktags-toolbar input.button.button-small {
    color: #325c77;
}

.mec-fes-form .quicktags-toolbar {
    border-top: 1px solid #325c77;
}
  
.mec-fes-form .mec-form-row .button:not(.wp-color-result):hover {
    background: #325c77;
    color: #fff;
    border-color: #325c77;
    box-shadow: 0 2px 6px -3px #325c77;
}

.ui-datepicker.ui-widget .ui-datepicker-next, .ui-datepicker.ui-widget .ui-datepicker-prev {
    background: #325c77;
    color: #fff;
}

.ui-datepicker.ui-widget td a.ui-state-active, .ui-datepicker.ui-widget td a:hover {
    background: #325c77;
}

#mec_bfixed_form_fields input[type=checkbox]:hover, #mec_bfixed_form_fields input[type=radio]:hover, #mec_reg_form_fields input[type=checkbox]:hover, #mec_reg_form_fields input[type=radio]:hover, .mec-form-row input[type=checkbox]:hover, .mec-form-row input[type=radio]:hover {
    border-color: #325c77;
    opacity: 0.9;
}
  
/* Style MEC calendar list */

.mec-fes-list {
    background: #fff;
    padding: 30px 0;
}

.mec-fes-list ul li {
    border: 1px solid #325c77;
}

/* Style event status */

.mec-fes-form .post-status {
    padding: 0 23px 0 10px;
}

/* Remove redirect button from User Profile -> Calendar */
  
.um-account-tab.um-account-tab-calendar #um_account_submit_calendar,
.um-account-tab.um-account-tab-projects #um_account_submit_projects {
    display: none;
}
  
body.um-page-user.um-page-loggedin #content {
    background: #fff;
}

body.um-page-user.um-page-loggedin #content article {
    padding: 0;
}

body.um-page-user.um-page-loggedin #content article .um-profile,
body.um-page-user.um-page-loggedin #content article .um-profile .um-profile-body {
    max-width: 100%;
}

body.um-page-user.um-page-loggedin #content article .um-profile .um-profile-body .um-col-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

body.um-page-user.um-page-loggedin #content article .um-profile .um-profile-body .um-col-1 .um-field {
    max-width: 90%;
}

.um-profile-event-button {
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    /* margin-top: 15px; */
    padding: 10px 20px;
}
  
.um-profile-event-button:focus {
    color: #fff;
}

#um_account_submit_password,
#um_account_submit_general,
#um_account_submit_privacy,
#um_account_submit_delete,
.um-profile-event-button,
.um-request-button.um-export-data-button,
.um-request-button.um-erase-data-button {
    background: #325c77;
    opacity: 0.9;
    color: #fff;
    text-decoration: none !important;
}

#um_account_submit_password:hover,
#um_account_submit_general:hover,
#um_account_submit_privacy:hover,
#um_account_submit_delete:hover,
.um-profile-event-button:hover,
.um-request-button.um-export-data-button:hover,
.um-request-button.um-erase-data-button:hover {
    color: #fff;
    opacity: 1;
}

.um-row-heading {
    font-size: 1.4117647058824rem;
    line-height: 1.2;
    font-weight: bold;

    color: var(--ast-global-color-2);

}

.um span.um-req {
    color: rgb(255, 60, 60);
}

/* Customize file upload button for events */

#mec_featured_image_file {
    border: 1px solid #325c77;
    /* border-right: 0; */
    padding: 10px 20px 10px;
    height: auto;
    cursor: pointer;
}

.event-file-upload {
    background-color: #325c77 !important;
    border: 1px solid #325c77 !important;
    border-radius: 0 !important;
    margin-left: -4px;
}

.mec-event-data-field-items {
    margin: 0;
}
/*
* REGISTRATION PAGE
 */
.registration-form-title {
    text-align: center;
}
.registration-choices {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
}

.registration-choice:last-of-type {
    /* border: 1px solid #ccc; */
    margin-left: 20px;
}

.registration-choice label {
    display: flex;
    flex-direction: column;
    /* padding: 20px; */
    cursor: pointer;
}

/* Register radio buttons */

.middle input[type="radio"] {
	 display: none;
}
.middle input[type="radio"]:checked + .box {
	 background-color: #325c77;
}
.middle input[type="radio"]:checked + .box span {
	 color: white;
	 transform: translateY(70px);
}
.middle input[type="radio"]:checked + .box span:after {
	 transform: translateY(0px);
	 opacity: 1;
}
.middle .box {
	 /* width: 200px; */
	 /* height: 100px; */
	 background-color: #fff;
	 transition: all 250ms ease;
	 will-change: transition;
	 display: inline-block;
	 text-align: center;
	 cursor: pointer;
	 position: relative;
	 /* font-family: "Inter", sans-serif; */
	 font-weight: 900;
     padding: 5px 20px;
}
.middle .box:active {
	 transform: translateY(10px);
}
.middle .box span {
	 /* position: absolute; */
	 transform: translate(0, 60px);
	 /* left: 0; */
	 /* right: 0; */
	 transition: all 300ms ease;
	 font-size: 1.5em;
	 user-select: none;
	 color: #325c77;
}

.middle .box.smaller span {
    font-size: 1em;
    font-weight: 500;
}

.middle .box.smaller span:after {
    font-size: 1em;
}

.middle .box span:after {
	 font-size: 1.2em;
	 font-family: FontAwesome;
	 display: inline-block;
	 transform: translateY(-80px);
	 opacity: 0;
	 transition: all 300ms ease-in-out;
	 font-weight: normal;
	 color: white;
     margin-left: 15px;
}
.middle span:after {
	 content: "\f00c";
}
.middle p {
	 color: #fff;
	 /* font-family: "Inter", sans-serif; */
	 font-weight: 400;
}
.middle p a {
	 text-decoration: underline;
	 font-weight: bold;
	 color: #fff;
}
.middle p span:after {
	 content: "\f0e7";
	 font-family: FontAwesome;
	 color: yellow;
}

.um-page-register .ast-row {
    margin-left: auto;
    margin-right: auto;
}

/* Override UM register button color / border radius & login border radius*/

.um-register .um-button {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0 !important;
}

/* Override UM inputs so they are on 2 columns but not on seperate rows */

@media screen and (min-width: 768px) {
    /*#form-3107 .um-field.um-field-block,*/
    /*#form-3108 .um-field.um-field-block {*/
    /*    display: block;*/
    /*    width: 100%;*/
    /*}*/
    
    /*#form-3107 .um-field,*/
    /*#form-3108 .um-field {*/
    /*    width: 49%;*/
    /*    display: inline-block;*/
    /*}*/

    /* To add a spacing between fields, unfortunately, we have to target each field from the pseudo second column and specify the form id. Other forms have different input layout */
    
    /*#form-3107 .um-field-first_name,*/
    /*#form-3107 .um-field-title,*/
    /*#form-3107 .um-field-tel,*/
    /*#form-3107 .um-field-user_country,*/
    /*#form-3107 .um-field-region_city,*/
    /*#form-3107 .um-field-longitude,*/
    /*#form-3107 .um-field-neighborhood,*/
    /*#um_field_3107_confirm_user_password {*/
    /*    margin-left: 12px;*/
    /*}*/

    /*#form-3108 .um-field-first_name,*/
    /*#form-3108 .um-field-email_office,*/
    /*#form-3108 .um-field-agency_type,*/
    /*#form-3108 .um-field-non_un_office_phone_number,*/
    /*#form-3108 .um-field-whatsapp,*/
    /*#form-3108 .um-field-region_city,*/
    /*#um_field_3108_confirm_user_password {*/
    /*    margin-left: 12px;*/
    /*}*/


    /*!* Override width for ToC checkbox *!*/
    /*#um_field_3107_toc_checkbox .um-field-half,*/
    /*#um_field_3108_toc_checkbox .um-field-half {*/
    /*    width: 100%;*/
    /*}*/
}

.um-account-main .mec-fes-list ul {
    padding-left: 0;
}

.um-page-account .committee-subtext {
    display: none;
}

.fes-document-remove:hover {
    cursor: pointer;
    scale: 120%;
}

.mec-meta-box-fields div.image {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    min-height: 100px;
}

.mec-meta-box-fields div.image.document-type {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mec-meta-box-fields div.image.document-type img {
    height: 50px;
}

.mec-wrap .fes-document-remove {
    position: absolute !important;
    right: 2px;
    background: #ccc !important;
    color: #000 !important;
    display: flex;
    top: 2px;
    width: 25px;
    height: 25px;
    border-radius: 50% !important;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0 !important;
}

body.um-page-user.um-page-loggedin .um-account-meta-img {
    display: none;
}

body.um-page-user.um-page-loggedin .um-account-name {
    text-align: left;
}

body.um-page-user.um-page-loggedin .um-account-name a {
    pointer-events: none;
}

body.um-page-user.um-page-loggedin .um-account-main {
    margin-top: 13px;
}

body.um-page-user.um-page-loggedin .um-account-side ul {
    max-width: 280px;
}

body.logged-in #mec_fes_form {
    width: 100%;
    max-width: 100%;
}

body.logged-in #mec_fes_form .mec-fes-form-cntt {
    max-width: 100%;
}

body.logged-in .mec-fes-form .mec-fes-form-top-actions {
    max-width: 100%;
}

body.logged-in .mec-fes-list .mec-fes-list-top-actions {
    max-width: 100%;
    padding-left: 0;
}

body.logged-in .mec-fes-list ul {
    max-width: 100%;
    padding-left: 0;
}

.mec-meta-box-fields .media-gallery-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 21px;
    margin-bottom: 10px;
}

.mec-meta-box-fields .media-gallery-wrap p {
    margin-bottom: 10px;
}

.mec-meta-box-fields .media-gallery-wrap .image a {
    min-width: 100px;
    max-width: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
    height: 100%;
}

.mec-meta-box-fields .media-gallery-wrap .image:not(.document-type) img {
    height: 75px;
    width: auto;
}

.mec-meta-box-fields .media-gallery-wrap .image span {
    color: var(--ast-global-color-3);
    line-height: normal;
    font-size: 14px;
    padding-top: 5px;
}

/* Helper classes */

.d-flex {
    display: flex !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.mt-30p {
    margin-top: 1.875rem;
}

.mt-3 {
    margin-top: 1.5rem;
}

.mt-2 {
    margin-top: 1rem;
}

.mt-1 {
    margin-top: 0.5rem;
}

.mb-3 {
    margin-bottom: 1.5rem;
}

.mb-2 {
    margin-bottom: 1rem;
}

.mb-1 {
    margin-bottom: 0.5rem;
}

.p-6 {
    padding: 1.5rem;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.d-block {
    display: block;
}

.input-w-200p {
    width: 200px;
}

.max-w-250p {
    max-width: 250px;
}

.no-border-left-top {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.th-border-left-top-right-transparent {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.no-underline {
    text-decoration: none !important;
}

/* PROJECT STYLES */
#app, #document-form-app {
    flex: 1;
    width: 100%;
}

#app label {
    display: block;
}

#app .inline-block {
    display: inline-block;
}

#app .w-full {
    width: 100%;
}

#app .project-section {
    /* border: 1px solid #325c77; */
    /* border-radius: 3px; */
    /* margin: 20px 0; */
}

#app .project-section__header {
    background: #325c77;
    color: white;
    padding: 10px;
    font-weight: 600;
}

#app .project-section__header p {
    margin-bottom: 0;
}

#app .project-section--extensions .extensions-form {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
}

#app .project-section--extensions .extensions-form input {
    /* margin: 0 20px; */
}

#app .project-section--agencies .agencies-form {
    margin-bottom: 20px;
    display: flex;
    align-items: end;
    /* justify-content: space-around; */
}

/* #app .project-section--agencies .agencies-form .agencies-form__select {
    width: 35%;
}

#app .project-section--agencies .agencies-form .agencies-form__select select,
#app .project-section--agencies .agencies-form .agencies-form__focal select {
    width: 100%;
}

#app .project-section--agencies .agencies-form .agencies-form__focal {
    width: 10%;
}

#app .project-section--agencies .agencies-form .agencies-form__actions {
    width: 10%;
} */

#app .project-section--agencies #contact_person {
    max-width: 316px;
}

#app .project-section--agencies .agencies-form label,
#headlessui-portal-root label {
    display: block;
 }

#app .project-section--info .info-form {
    display: flex;
}

#app .info-form .input-label {
    width: 100%;
    /* display: block; */
    align-items: center;
}

#app .input-label label,
#headlessui-portal-root .input-label label,
#document-form-app .input-label label
{
    display: block;
    width: 100%;
    color: #555555;
    font-weight: 600;
    font-size: 14px;
}


#app .info-form .input-label input,
#app .info-form .input-label select {
    width: 100%;
}

#app .effect-select,
.dialog-effect-select,
#document-form-app .effect-select {
    color: #4D4D4D;
    background: #fafafa;
    border-color: #dddddd;
    border-radius: 2px;
    padding: 10px;
    max-height: 44px;
}

#app .effect-select:after,
#document-form-app .effect-select:after,
.dialog-effect-select:after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #4D4D4D;
    content: '';
    display: inline;
    position: absolute;
    height: 0.39em;
    transform: rotate(135deg);
    vertical-align: top;
    width: 0.39em;
    right: 5px;
    top: 18px;
}

#app .shadow-input:hover {
    color: transparent;
}

#app .info-form--bottom {
    margin-top: 30px;
}

#app .create-project-wrap input[type=email], 
#document-form-app .create-project-wrap input[type=email],
#app .create-project-wrap input[type=number],
#document-form-app .create-project-wrap input[type=number],
#app .create-project-wrap input[type=password],
#document-form-app  .create-project-wrap input[type=password],
#app .create-project-wrap input[type=reset],
#document-form-app  .create-project-wrap input[type=reset],
#app .create-project-wrap input[type=search],
#document-form-app  .create-project-wrap input[type=search],
#app .create-project-wrap input[type=tel],
#document-form-app  .create-project-wrap input[type=tel],
#app .create-project-wrap input[type=text],
#document-form-app  .create-project-wrap input[type=text],
#app .create-project-wrap input[type=url],
#document-form-app  .create-project-wrap input[type=url],
#app .create-project-wrap select,
#document-form-app  .create-project-wrap select,
#app .create-project-wrap textarea,
#app input[type=date],
#document-form-app input[type=date]
{
    max-height: 44px;
    padding: 10px;
}

/* Force widths for inputs */
/* But not today */

/* Override amount input because it think it's a telephone input */
.donation-modal input {
    padding: 10px !important;
    max-height: 44px;
}

/* Customize single project page */

.single--page__banner-background-header {
    background-image: url('/wp-content/uploads/2022/11/PACAD-page-banner-2560x500-v2.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 0 30px 0;
}

.single--page__banner-background-header h2 {
    color: #fff;
    display: inline-block;
    padding: 10px;
    z-index: 2;
    position: relative;
    font-weight: 700;
    font-size: 2.2rem;
}

.single--page__banner-background-header-container {
    position: relative;
}

.single--page__banner-background-header-overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #333333CC;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/*.single--project__title-heading {*/
/*    color: #555555;*/
/*    font-weight: 600;*/
/*}*/

/* Prevent Tailwind from breaking back-to-top arrow on certain pages */
#ast-scroll-top .ast-icon.icon-arrow svg {
    display: inline-block !important;
}

/* Project listing filter bar */

.project-listing.filter-bar {
    position: sticky;
    max-height: 870px;
    overflow-y: scroll;
}

.project-listing.filter-bar label input,
.project-listing.filter-bar label {
    font-size: 14px;
}

.project-listing.filter-bar h6 {
    margin-bottom: 5px;
}

.project-listing.filter-bar .checkbox-wrap {
   padding-left: 2px;
}

.project-listing.filter-bar .checkbox-wrap label {
    display: block;
    padding-left: 20px;
    padding-bottom: 3px;
    text-indent: -18px;
}

.project-listing.filter-bar .filter-wrap {
    background: #F8F8F8;
    border: 1px solid #F8F8F8;
    border-radius: 4px;
    box-shadow: 0 2px 0 0 rgb(0 0 0 / 4%);
}

.project-listing.filter-bar .filter-wrap h6 {
    background: #325C77;
    color: #ffffff;
    padding: 6px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.project-listing-table-select {
    padding: 5px 10px;
}

/* Override astra from making fav icon buttons white on hover */

button.um-faicon-columns,
button.um-faicon-download {
    font-size: 26px;
}

button.um-faicon-columns:hover,
button.um-faicon-download:hover,
button.um-faicon-columns:focus,
button.um-faicon-download:focus {
    color: #000;
    opacity: 0.9
}

/* Style projects table */
tr.project-listing-body:nth-child(even) {
    background-color: #F2F2F2;
}

.project-listing-header {
    background-color: #f9f9f9;
}

.project-listing-table {
    font-size: 12px;
}

/* Projects table horizontal scroll fade */

.project-hor-scroll-wrap {
    position: relative;
  }
.project-hor-scroll-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 5rem;
    background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    transition: all linear 0.3s;
}
.project-hor-scroll-wrap::before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 5rem;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    transition: all linear 0.3s;
}
.project-hor-scroll-wrap.scrolled-left::before {
    display: block;
    background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    transition: ease-out 300ms;
}

.project-hor-scroll-wrap.scrolled-right::after {
    display: none;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    transition: ease-out 300ms;
}


/* Pagination - override astra from breaking css */

.Pagination button:hover,
.Pagination button:focus {
    color: #000;
}

/* UM Members list overrides */

.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta {
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    grid-template-columns: 1fr 1fr !important;
}

.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline {
    display: block !important;
}

.um-directory .um-members-wrapper .um-members.um-members-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    -ms-grid-template-rows: 1fr 1fr;
    -ms-grid-template-columns: repeat(1fr, 1fr);
    -ms-grid-gap: 10px;
    -ms-grid-auto-rows: minmax(max-content, auto);
    align-items: flex-start !important;
    grid-auto-rows: 1fr !important;
}

.um-directory .um-members-wrapper .um-members.um-members-list .um-member {
    height: 100% !important;
}

/* Style UM Members list filters and search button */

.um-member-directory-header-row.um-member-directory-search-row {
    justify-content: space-between !important;
}

.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
    width: 42% !important;
}

/* Style UM Member list - profile page */

body.page-template-page-um-profile #primary {
    margin: 60px 0 0 0;
}

body.page-template-page-um-profile article.page {
    padding: 10px;
}

body.page-template-page-um-profile article.page .um-profile,
body.page-template-page-um-profile article.page .um-profile .um-profile-body {
    max-width: 100%;
}

body.page-template-page-um-profile article.page .um-form .um-row .um-col-1 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    -ms-grid-template-rows: 1fr 1fr;
    -ms-grid-template-columns: repeat(1fr, 1fr);
    -ms-grid-gap: 10px;
    -ms-grid-auto-rows: minmax(max-content, auto);
    align-items: flex-start !important;
    grid-auto-rows: 1fr !important;
}


body.page-template-page-um-profile article.page .um-form .um-row .um-col-1 .um-field {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    width: 95%;
    padding: 15px 0;
    margin: 0;
}

/* Style single project page */

body.single.single-project #content {
    background: #fff;
}

body.single.single-project #content .content-area {
    margin: 58px 0 0 0;
}

body.single.single-project article.project {
    padding: 10px 20px;
}

.text-green {
    color: rgb(16 185 129);
}
.text-red {
    color: rgb(239 68 68);
}

.section-box-shadow {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color, 0 0 #0000), 0 4px 6px -4px var(--tw-shadow-color, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.project-info.project-view-section {
    font-size: 14px;
}

.project-info.project-view-section h6 {
    font-size: 17px;
}

.project-view-section h4 {
    font-size: 20px;
}
.project-view-section h6 {
    font-size: 15px;
}

.project-target-population {
    font-size: 14px;
}

.project-view-section table thead tr {
    font-size: 14px;
}

.project-view-section table tbody tr,
.project-view-section table tfoot tr
{
    font-size: 12px;
}

.project-view-bottom-links .mec-fes-form-top-actions {
    max-width: 100%;
}

.um-member-directory-export-row {
    justify-content: flex-end !important;
}

.um-member-directory-export-row .um-member-export {
    font-size: 20px;
}

.um-new-dropdown.um-export-links li span {
    display: block;
    padding: 0 10px;
    cursor: pointer;
}
.um-new-dropdown.um-export-links li span:hover {
    color: #009edb;
    transition: all .2s linear;
}

#document-form-app .vue-tags-input .ti-input .ti-tags .ti-tag {
    background-color: #325c77;
}

#document-form-app .vue-tags-input .ti-autocomplete .ti-selected-item {
    background-color: #325c77;
}

#document-form-app .vue-tags-input {
    max-width: 100%;
    width: 100%;
}

#document-form-app .vue-tags-input .ti-autocomplete {
    max-height: 300px;
    overflow-y: auto;
}

@keyframes error-field-border-pulsate {
    0%   { border-width: 2px; border-color: rgba(216, 0, 12, 1); }
    50% { border-width: 2px; border-color: rgba(216, 0, 12, 0); }
    100%   { border-width: 2px; border-color: rgba(216, 0, 12, 1); }
}

.mec-fes-form .mec-meta-box-fields.mec-error-focus-field {
    border: 2px solid rgba(216, 0, 12, 1);
    animation: error-field-border-pulsate 2s ease-in-out infinite;
}

.mec-event-image .mec-event-no-image {
    line-height: normal;
    font-size: 5rem;
}

.um.um-login {
    margin: 0 auto;
}

.um-register .um-button.um-alt,
.um-login .um-button.um-alt {
    font-size: 17px;
    padding: 17px !important;
}

.um-account-main {
    width: 65%;
}

#dependant-form #dependant-form-error {
    display: none;
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    background: #fff;
    z-index: 10;
    top: 50px;
    left: -10px;
    width: 100%;

}

#dependant-form #dependant-form-error p {
    margin-bottom: 0;
}

#dependant-form select {
    box-sizing: border-box;
}
#dependant-form select,
#dependant-form input {
    width: 100%;
}

input[type=button].pacad-btn,
a.pacad-btn {
    color: #325c77;
    font-weight: 600;
    padding: 10px;
    border-color: #325c77;
    border-radius: 2px;
    border-width: 1px !important;
    background-color: #fff;
    border-bottom-width: 1px !important;
}

input[type=button].pacad-btn:hover,
.pacad-btn:hover,
input[type=button].pacad-btn:focus,
.pacad-btn:focus {
    background-color: #325c77;
    color: white;
}

/*.pacad-btn:focus {*/
/*    color: #325c77;*/
/*    background-color: #fff;*/
/*}*/

#wpadminbar {
    z-index: 999999;
}