/*
Theme Name: Twenty Twenty
Text Domain: twentytwenty
Version: 2.2
Tested up to: 6.2
Requires at least: 4.7
Requires PHP: 5.2.4
Template: twentytwenty
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
*/

:root {
    --holiday-color: #B812C6;
    --event-color: #DDAE08;
    --pay-day-color: #00AFCE;
}

@font-face {
    font-family: 'Talent';
    src: url("fonts/Talent-ExtraLight.otf") format("opentype");
    font-weight: 200;
}

@font-face {
    font-family: 'Talent';
    src: url("fonts/Talent-Light.otf") format("opentype");
    font-weight: 300;
}

@font-face {
    font-family: 'Talent';
    src: url("fonts/Talent-Regular.otf") format("opentype");
    font-weight: 400;
}

@font-face {
    font-family: 'Talent';
    src: url("fonts/Talent-SemiBold.otf") format("opentype");
    font-weight: 500;
}


@font-face {
    font-family: 'Talent';
    src: url("fonts/Talent-Bold.otf") format("opentype");
    font-weight: 600;

}

@font-face {
    font-family: 'Talent';
    src: url("fonts/Talent-ExtraBold.otf") format("opentype");
    font-weight: 900;
}








body {
    background-color: #ECF2FB;
}

span,
div,
a,
time,
button,
input {
    font-family: 'Talent' !important;
    font-weight: 500 !important;
}

strong {
    font-weight: 900 !important;
}

.tribe-common-l-container {
    padding-top: 10px !important;
}

.post-type-archive-tribe_events h2 time {
    letter-spacing: normal !important;
}

.tribe-events-c-messages__message--notice {
    background-color: #ECF2FB;
    border: 1px solid #CDD5E1;
}

.tribe-events-calendar-month__day-cell {
    background-color: white !important;
}

.tribe-events-c-subscribe-dropdown {
    display: none;
}

button.tribe-common-c-btn {
    background-color: #128195 !important;
    padding: 8px 10px;
}

.tribe-events-c-view-selector__list-item--active span {
    color: #128195 !important;
}

.cal-flex {
    display: flex;
    width: 100%;
    align-items: normal;
    justify-content: space-between;
}

#multipleSelect {
    display: none;
}

.multiselect-native-select .btn-group {
    padding: 5px;
    border: 1px solid #CDD5E1;
    border-radius: 3px;
    width: 200px;
    background-color: white;
    font-size: 14px;
}

.pref-color {
    height: 8px;
    width: 8px;
    background-color: red;
    border-radius: 50%;
}

.multiselect-container.dropdown-menu.show {
    width: 190px;
    top: 5px !important;
    border: 1px solid #CDD5E1;
    padding: 5px 0px !important;
}

.form-check input[type="checkbox"]~label.form-check-label::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 50%;
    margin-top: 5px;
    margin-left: 4px;
}

.form-check input[type="checkbox"][value="event"]~label.form-check-label::after {
    background-color: var(--event-color);
}

.form-check input[type="checkbox"][value="holidays"]~label.form-check-label::after {
    background-color: var(--holiday-color);
}

.form-check input[type="checkbox"][value="pay-day"]~label.form-check-label::after {
    background-color: var(--pay-day-color);
}

.engage-list-calendar::before,
.engage-day-calendar::before,
.month-calendar::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    left: 8px;
    top: 3px;
}

.engage-day-calendar::before {

    top: 6px !important;
}

.engage-list-calendar {
    position: relative !important;

}

.engage-list-calendar::before {
    left: -17px !important;
    top: 11px !important;
}

/*Fixing bullet for <806px */
@media screen and (max-device-width: 806px) {
    .engage-list-calendar::before {
        left: -13px !important;
        top: 6px !important;
    }

    .engage-day-calendar::before {
        left: -14px !important;
        top: 3px !important;
    }
}

.event-type-holidays::before {
    background-color: var(--holiday-color);
}

.event-type-event::before {
    background-color: var(--event-color);
}

.event-type-pay-day::before {
    background-color: var(--pay-day-color);
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar {
    background-color: transparent !important;
    border-radius: 0px !important;
}

.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
    background-color: transparent !important;

}

.tribe-events-calendar-list__event-row,
.tribe-events-calendar-day__event {
    background-color: white;
    padding: 30px 0px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    border: 1px solid #CDD5E1 !important;
    border-radius: 3px !important;

}

a.tribe-events-c-nav__next,
a.tribe-events-c-nav__prev {
    background-color: white;
    padding: 10px;
    border: 1px solid #CDD5E1;
    border-radius: 5px !important;
    color: #08c !important;
    text-transform: uppercase;
    font-weight: 400 !important;
}

.month-calendar h3.tribe-common-h8,
.tribe-events-calendar-month__calendar-event-datetime {
    margin-left: 10px !important;
    font-weight: 600;
    color: black;
    font-family: 'Talent' !important;
}

.engage-event-hidden {
    display: none !important;
}

.engage-hidden {
    display: none;
}

button.multiselect.dropdown-toggle {
    text-align: left !important;
    padding-left: 5px;
}


.tribe-events-series-archive__icon {
    display: none !important;
}

.tec_series_marker__title {
    display: none !important;
}

.tribe-events-header.tribe-events-header--has-event-search {
    zoom: 0.8 !important;
}

.tribe-common .tribe-common-anchor-thin:hover {
    border-bottom: none !important;
    transition: none !important;
    text-decoration: none !important;
}

.tribe-common .tribe-common-anchor-thin {
    transition: none !important;
}

.tribe-events-calendar-list__event-description a,
.tribe-events-calendar-month__calendar-event-tooltip-description a,
.tribe-events-calendar-day__event-description a {
    text-decoration: underline !important;
}

.tribe-events-calendar-list__event-description ol,
.tribe-events-calendar-month__calendar-event-tooltip-description ol,
.tribe-events-calendar-day__event-description ol {
    list-style: auto !important;
}

.tribe-events-calendar-list__event-description ul,
.tribe-events-calendar-month__calendar-event-tooltip-description ul,
.tribe-events-calendar-day__event-description ul {
    list-style: disc !important;
}

.engage-chevron-down {
    box-sizing: border-box !important;
    position: relative !important;
    display: block !important;
    transform: scale(var(--ggs, 1)) !important;
    width: 22px !important;
    height: 22px !important;
    border: 1px solid transparent !important;
    border-radius: 100px !important;
    position: absolute !important;
    right: 5px !important;
    top: 7px !important;
}

.engage-chevron-down::after {
    content: "" !important;
    display: block !important;
    box-sizing: border-box;
    position: absolute;
    width: 10px !important;
    height: 10px !important;
    border-bottom: 2px solid !important;
    border-right: 2px solid !important;
    transform: rotate(45deg) !important;
    left: 4px !important;
    top: 2px !important;
}

.show .engage-chevron-down::after {
    content: "" !important;
    display: block !important;
    box-sizing: border-box !important;
    position: absolute !important;
    width: 10px !important;
    height: 10px !important;
    border-bottom: 2px solid !important;
    border-right: 2px solid !important;
    transform: rotate(45deg) !important;
    left: 4px !important;
    top: 2px !important;
}

.show .engage-chevron-down {
    transform: rotate(-135deg) !important;
}

.engage-dropdown {
    position: relative !important;
    display: inline-block !important;
    font-family: sans-serif !important;
}

.dropdown-toggle-btn {
    padding: 5px !important;
    border: 1px solid #CDD5E1 !important;
    border-radius: 3px !important;
    width: 200px !important;
    background-color: white !important;
    font-size: 14px !important;
    text-align: left !important;
    height: 40px !important;
}

.engage-dropdown-menu {
    display: none !important;
    position: absolute !important;
    background-color: #f2f2f2 !important;
    border: 1px solid #ccc !important;
    padding: 10px !important;
    z-index: 999 !important;
    width: 100% !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;
}

.engage-dropdown-menu label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
    font-size: 14px !important;

}

.engage-dropdown-menu input[type="checkbox"] {
    transform: scale(1.1) !important;
}

.dot {
    height: 8px !important;
    width: 8px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}

.yellow {
    background-color: gold;
}

.blue {
    background-color: deepskyblue;
}

.purple {
    background-color: mediumorchid;
}

.engage-dropdown.open .engage-dropdown-menu {
    display: block !important;
}