/** CSS FOR THE CALENDER PLUGIN /* Version: 1.0 */ /*--- KALENDER ANSICHT ---*/ #top main.template-event-page {width: 82%; float: right;} /*ALLGEMEIN*/ #top .template-event-page .tribe-common .tribe-common-h7, #top .template-event-page .tribe-common .tribe-common-h8, #top .template-event-page .tribe-common .tribe-common-h5, #top .template-event-page .tribe-events-c-nav__prev-label, #top .template-event-page .tribe-events-c-nav__prev, #top .template-event-page .tribe-events-c-nav__next {color: var(--white) !important;} #top .template-event-page .status {position: absolute !important; right: 20px;} #top .template-event-page .status.icon::after {font-size: 30px; color:var(--white); position: relative;} #top .template-event-page .status.icon.finished::after {color:var(--secondary);} #top .template-event-page header .info {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 5px;} #top .template-event-page header .info .event-allowed-users {margin: 0; font-size: 12px !important; background: var(--bg-default); padding: 4px 6px; border:1px solid var(--bg-default);border-radius: 5px; width: max-content; line-height: 16px;} #top .template-event-page header .info .date {margin: 0; font-size: 12px !important; background: transparent; padding: 4px 6px; border:1px solid var(--bg-primary); border-radius: 5px; width: max-content; line-height: 16px;} /*CONTAINER*/ #top .tribe-common-l-container { min-width: 100%; margin: 0 !important; padding: 0 !important;} #top .template-event-page { width: 80%; margin-left: 20%; padding: 20px 0;} /*HEADER - Search bar*/ #top .tribe-common .tribe-events-header__events-bar {background: var(--bg-lightdark); border-radius: 5px !important; overflow: hidden;} #top .template-event-page .tribe-events-header .tribe-events-header__events-bar #tribe-events-search-container { background: var(--bg-lightdark); width: 85%; max-width: 85%; min-width: 200px;} #top .template-event-page .tribe-events-header .tribe-events-header__events-bar .tribe-common-form-control-text { background: var(--bg-lightdark) !important;} #top .template-event-page .tribe-events-header .tribe-events-header__events-bar #tribe-events-events-bar-keyword {background: var(--bg-lightdark); padding-right: 10px !important;} #top .template-event-page .tribe-events-header .tribe-events-c-search__button {margin: 0 10px; color: var(--grey); border: 1px solid var(--primary); border-radius: 20px; padding: 10px 20px; background: transparent; font-weight: 400;} #top .template-event-page .tribe-events-header .tribe-events-c-search__button:hover, #top .template-event-page .tribe-events-header .tribe-events-c-search__button:focus, #top .template-event-page .tribe-events-header .tribe-events-c-search__button:active {color: var(--white) !important; background:var(--primary); border-color: var(--primary); transition: all .3s;} #top .template-event-page .tribe-events-header .tribe-events-c-events-bar__views { width: 15%; max-width: 15%;} #top .template-event-page .tribe-events-header .tribe-events-c-events-bar__views .tribe-events-c-view-selector__content {background: var(--bg-lightdark);} #top .template-event-page .tribe-events-header .tribe-events-c-events-bar__views .tribe-common-a11y-visual-hide {display: none;} #top .template-event-page .tribe-events-header .tribe-events-c-view-selector {width: 100%;} #top .template-event-page .tribe-events-header .tribe-events-c-view-selector__list {background: transparent;} #top .template-event-page .tribe-events-header .tribe-events-c-view-selector__content {background: transparent;} #top .template-event-page .tribe-events-header .tribe-events-c-view-selector__list-item { padding: 10px 12px !important; height: 60px; margin: auto;} /*HEADER - Select Date*/ #top .template-event-page .tribe-events-header .tribe-events-c-top-bar nav .tribe-common-c-svgicon path {fill: var(--white);} #top .template-event-page .tribe-events-header .tribe-events-c-top-bar nav .tribe-events-c-top-bar__nav-list-item {padding-right: 15px;} #top .template-event-page .tribe-events-header .tribe-events-c-top-bar .tribe-events-c-top-bar__datepicker .tribe-common-c-btn__clear {background: var(--bg-primary); color: var(--white); opacity: 1; border-radius: 5px; font-size: 14px; padding: 6px 15px; width: auto;} #top .template-event-page .tribe-events-header .datepicker-dropdown {padding: 5px; border: 1px solid var(--white);} #top .template-event-page .tribe-events-header .datepicker-dropdown .table-condensed .datepicker-switch {color: var(--white) !important; font-weight: 600;} #top .template-event-page .tribe-events-header .datepicker-dropdown .table-condensed tbody .year, #top .template-event-page .tribe-events-header .datepicker-dropdown .table-condensed tbody .decade, #top .template-event-page .tribe-events-header .datepicker-dropdown .table-condensed tbody .month { margin: 2px; width: calc(33.333333% - 4px);} #top .template-event-page .tribe-events-header .datepicker-dropdown .table-condensed tbody .year.focused.active.current, #top .template-event-page .tribe-events-header .datepicker-dropdown .table-condensed tbody .decade.focused.active.current, #top .template-event-page .tribe-events-header .datepicker-dropdown .table-condensed tbody .month.focused.active.current {background: var(--primary);color: var(--white);} #top .template-event-page .tribe-events-header .datepicker-dropdown .table-condensed tbody .year:hover, #top .template-event-page .tribe-events-header .datepicker-dropdown .table-condensed tbody .decade:hover, #top .template-event-page .tribe-events-header .datepicker-dropdown .table-condensed tbody .month:hover {background: var(--tertiary); opacity: 0.68; color: var(--white);} #top .template-event-page .tribe-events-header .datepicker-days .table-condensed tbody { display: flex; flex-direction: row; flex-wrap: wrap;gap: 4px;} #top .template-event-page .tribe-events-header .datepicker-days .table-condensed tbody tr {flex: 1 0 350px; display: flex; flex-direction: row; gap: 4px; justify-content: center; align-items: center; align-content: center;} #top .template-event-page .tribe-events-header .datepicker-days .table-condensed tbody .day {width: 14.3%;padding: 4px;height: 30px;} #top .template-event-page .tribe-events-header .datepicker-days .dow {color: var(--white) !important;} /*MONTH - Cell*/ /*HEADER*/ #top .tribe-events-calendar-month {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 20px;} #top .tribe-events-calendar-month .tribe-events-calendar-month__body {grid-column-start: 1; grid-column-end: 8;} #top .tribe-events-calendar-month .tribe-events-calendar-month__header-column-title .tribe-events-calendar-month__header-column-title-desktop { font-size: 20px; font-weight: 700; color: var(--primary); text-align: center;} #top .tribe-events-calendar-month .tribe-events-calendar-month__header h3 {font-size: 15px !important; font-weight: 600 !important; color: var(--white) !important;} /*BODY*/ #top .tribe-events-calendar-month h3 time {color: var(--white) !important; font-weight: 600;} #top .tribe-events-calendar-month article {background: var(--secondary); opacity: 1; border-radius: 5px; padding: 10px 13px; margin: 0 5px 5px 5px;} #top .tribe-events-calendar-month article .tribe-events-calendar-series-archive__container {display: none;} #top .tribe-events-calendar-month article .tribe-events-calendar-month__calendar-event-datetime {font-weight: 600 !important;} #top .tribe-events-calendar-month article .tribe-events-calendar-month__calendar-event-title {color: var(--white) !important; font-weight: 600 !important;} #top .tribe-events-calendar-month article .tribe-events-calendar-month__calendar-event-title a:hover, #top .tribe-events-calendar-month article .tribe-events-calendar-month__calendar-event-title a:focus, #top .tribe-events-calendar-month article .tribe-events-calendar-month__calendar-event-title a:active {border-bottom: 0px !important;} #top .tribe-events-calendar-month article .event-allowed-users {font-size: 12px; background: var(--bg-default); padding: 2px 6px; border-radius: 5px; width: max-content; margin-top: 2px;} /*Current Day*/ #top .tribe-events-calendar-month .tribe-events-calendar-month__day--current {background: var(--bg-lightdark);} #top .tribe-events-calendar-month .tribe-events-calendar-month__day--current h3 time a {color: var(--primary) !important;} /*Multi-Day Events*/ #top .tribe-events-calendar-month article .tribe-events-calendar-month__multiday-event-bar-inner {background: var(--bg-secondary) !important;padding: 2px 15px;} #top .tribe-events-calendar-month article .tribe-events-calendar-month__multiday-event-bar-inner h3 {font-weight: 600 !important;} #top .tribe-events-calendar-month .status {position: absolute !important; right: 5px; top: 5px;} #top .tribe-events-calendar-month .status::after {font-size: 20px;} /*TOOLTIP*/ #top .tooltipster-sidetip {background: var(--bg-default) !important; border:0 !important; padding:20px !important; border-radius:5px !important} #top .tooltipster-box {background: transparent!important; padding: 0 !important; margin:0 !important; color:var(--white) !important;} #top .tooltipster-content {background: transparent; padding: 0 !important; margin:0 !important; color:var(--white) !important;} #top .tooltipster-content * {color:var(--white) !important;} #top .tooltipster-content a {font-family: 14px !important; font-weight: 600 !important;} #top .tooltipster-content p {font-size: 12px !important;} /*ADD TO CALENDER*/ #top .tribe-events-view .tribe-events-c-subscribe-dropdown {display: none;} /*LIST*/ #top .tribe-events-calendar-list .tribe-common-g-row {background: var(--bg-lightdark); margin: 10px 10px !important; border-radius: 5px; align-content: center; align-items: center;} #top .tribe-events-calendar-list .tribe-events-calendar-series-archive__container { margin-left: 10px; display: none;} #top .tribe-events-calendar-list .tribe-events-calendar-series-archive__container a, #top .tribe-events-calendar-list .tribe-events-calendar-series-archive__container svg { color: var(--white);} #top .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag {padding: 0 !important; min-width: 70px !important; width: 70px !important; padding: 0 20px !important;} #top .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag-weekday { color: var(--primary) !important; font-size: 16px !important; text-align: center;} #top .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag-daynum {font-size: 40px !important; text-align: center;} #top .tribe-events-calendar-list .tribe-events-calendar-list__event-title-link {font-size: 20px;font-weight: 700 !important;} #top .tribe-events-calendar-list .tribe-events-calendar-list__event-description {color: var(--grey) !important; margin-top: 0 !important;} /*DAY*/ #top .tribe-events-calendar-day .tribe-common-g-row {background: var(--bg-lightdark); margin: 10px 10px !important; border-radius: 5px; align-content: center; align-items: center;} #top .tribe-events-calendar-day .tribe-events-calendar-day__event-content {flex: 1 0 100%; padding: 10px 30px;} #top .tribe-events-calendar-day .tribe-events-calendar-day__event-details {width: 100%;} #top .tribe-events-calendar-day .tribe-events-calendar-series-archive__container { margin-left: 10px; display: none;} #top .tribe-events-calendar-day .tribe-events-calendar-series-archive__container a, #top .tribe-events-calendar-day .tribe-events-calendar-series-archive__container svg { color: var(--white);} #top .tribe-events-calendar-day .tribe-events-calendar-day__event-date-tag {padding: 0 !important; min-width: 70px !important; width: 70px !important; padding: 0 20px !important;} #top .tribe-events-calendar-day .tribe-events-calendar-day__event-date-tag-weekday { color: var(--primary) !important; font-size: 16px !important; text-align: center;} #top .tribe-events-calendar-day .tribe-events-calendar-day__event-date-tag-daynum {font-size: 40px !important; text-align: center;} #top .tribe-events-calendar-day .tribe-events-calendar-day__event-title-link {font-size: 20px;font-weight: 700 !important;} #top .tribe-events-calendar-day .tribe-events-calendar-day__event-description {color: var(--grey) !important; margin-top: 10px !important;} /*WEEK*/ #top .tribe-events-pro-week-grid .tribe-events-pro-week-grid__events-row-wrapper {height: 100%;} #top .tribe-events-pro-week-grid h3 time a {color: var(--white) !important;font-weight: 600;} #top .tribe-events-pro-week-grid .tribe-events-pro-week-grid__header-column--current h3 time a {color: var(--primary) !important;} #top .tribe-events-pro-week-grid .tribe-events-pro-week-grid__events-row-header time {color: var(--white) !important;} #top .tribe-events-pro-week-grid article {border-radius:5px; width: calc(100% - 20px); right: 10px;} #top .tribe-events-pro-week-grid article a {opacity: 1; border-radius: 5px; padding: 10px 13px; border: 0; height: max-content;} #top .tribe-events-pro-week-grid article a .tribe-events-pro-week-grid__event-link-inner {background: none;} #top .tribe-events-pro-week-grid article .tribe-events-calendar-series-archive__container {margin-left: 10px; display: none;} #top .tribe-events-pro-week-grid article .event-allowed-users {font-size: 12px; background: var(--bg-default); color: var(--white); padding: 2px 6px; border-radius: 5px; width: max-content; margin-top: 2px;} #top .tribe-events-pro-week-grid .status {position: absolute !important; right: 5px; top: 5px;} #top .tribe-events-pro-week-grid .status::after {font-size: 20px; color:var(--white)} /*Coloring different Categories*/ #top .tribe-events-calendar-month article.cat_matory-training, #top .tribe-events-pro-week-grid article.cat_matory-training a {background: var(--bg-primary);} #top .tribe-events-calendar-month article.cat_personalprogram:has(.open), #top .tribe-events-pro-week-grid article.cat_personalprogram a {background: var(--bg-tertiary);} #top .tribe-events-calendar-month article.cat_personalprogram:has(.finished), #top .tribe-events-pro-week-grid article.cat_personalprogram a {background: var(--bg-tertiary);} #top .tribe-events-calendar-month article.cat_hybrid-plan, #top .tribe-events-pro-week-grid article.cat_hybrid-plan a {background: var(--orange) !important;} /*--- SINGLE EVENT PAGE ---*/ #top .template-event-page .tribe-events-series-relationship-single-marker {display: none;} #top .av-single-event-meta-bar {display: none !important;} #top .av-single-event-content {width: 100% !important; margin-left: 0px !important;} #top .tribe-events-related-events-title { display: none;} #top .tribe-related-events {display: none !important;} /*Notices*/ #top .template-event-page .tribe-events-notices { background: var(--bg-tertiary); border-radius: 5px !important; margin: 0 0 20px 0 !important; font-weight: 700 !important;} #top .template-event-page .tribe-events-notices ul li {background: var(--bg-tertiary); color: var(--white); fill: none !important;} /*--- WIDGET ---*/ #top .tribe-events-widget-events-list__event-header .event-allowed-users {font-size: 12px !important; background: var(--bg-default); padding: 4px 6px; border-radius: 5px; width: max-content; margin-top: 2px;} #top .tribe-events-widget-events-list__header-title {font-size: 15px; font-weight: 600 !important; color: var(--white); margin-top: 20px;} #top .tribe-events-widget-events-list__event-date-tag-month, #top .tribe-events-widget-events-list__event-date-tag-daynum {color: var(--white);} #top .tribe-events-widget-events-list__event-datetime {color: var(--grey);} #top .tribe-events-widget-events-list__event .tribe-events-calendar-series-archive__container {display: none;} /*Button*/ #top .tribe-events-widget-events-list__view-more-link {color: var(--grey); border: 1px solid var(--primary); border-radius: 20px; padding: 5px 10px; margin-top: 10px !important;} #top .sidebar .tribe-events-widget-events-list__view-more-link:hover, #top .sidebar .tribe-events-widget-events-list__view-more-link:focus, #top .sidebar .tribe-events-widget-events-list__view-more-link:active, #top .tribe-events-widget-events-list__view-more-link:hover, #top .tribe-events-widget-events-list__view-more-link:focus, #top .tribe-events-widget-events-list__view-more-link:active {color: var(--white) !important; background:var(--primary); border-color: var(--primary); transition: all .3s;} /*--- Widget - Clientdashboard*/ #top .event-termine .tribe-events-widget-events-list__header {display: none;} #top .event-termine .tribe-events-widget-events-list__event-title {font-size: 16px;} /*RESPONSIVE DESIGN*/ @media only screen and (max-width: 989px) { /*--- KALENDER ANSICHT ---*/ /*Kalender Container*/ .responsive #top .template-event-page {width: 100% !important;max-width: 100% !important;margin-left: initial !important;min-height: initial; padding: 0 !important;} .responsive #top .template-event-page #tribe-events-pg-template {padding: 0px;} /*Header - Search bar*/ .responsive #top .template-event-page .tribe-events-header .tribe-events-header__events-bar #tribe-events-search-container {max-width: 70%;} .responsive #top .template-event-page .tribe-events-header .tribe-events-c-events-bar__views {width: 30%;max-width: 30%;} .responsive #top .template-event-page .tribe-events-header .tribe-events-c-view-selector {width: 29px;} .responsive #top .template-event-page .tribe-events-header .tribe-events-c-view-selector svg path {color: var(--white) !important; fill: var(--white) !important;} .responsive #top .template-event-page .tribe-events-header .tribe-events-header__events-bar #tribe-events-search-container {width: 100%; max-width: 100%;padding: 10px;} .responsive #top .template-event-page .tribe-events-header .tribe-events-header__events-bar #tribe-events-events-bar-keyword {padding: 4px 25px 4px 15px !important; border-radius: 0 !important;font-size: 14px;} .responsive #top .template-event-page .tribe-events-header .tribe-events-header__events-bar #tribe-events-events-bar-keyword + svg {right: 10px;} .responsive #top .template-event-page .tribe-events-header .tribe-events-c-search__button {margin: 10px 0 0; padding: 10px;} /*--- LIST ANSICHT ---*/ .responsive #top .template-event-page .tribe-events-calendar-list__event-title-link {font-size: 15px; font-weight: 700 !important;} .responsive #top .template-event-page .info .event-allowed-users {margin:0 0 5px;} /*--- DAY ANSICHT ---*/ .responsive #top .template-event-page .tribe-events-calendar-day .tribe-common-g-row {padding-left: 0px;} .responsive #top .template-event-page .tribe-events-calendar-day .tribe-events-calendar-day__event-content {padding: 10px;} .responsive #top .template-event-page .tribe-events-calendar-day .tribe-events-calendar-day__event-details {padding-right: 30px;} .responsive #top .template-event-page .tribe-events-calendar-day .status {right: 0px;} /*Event Ansicht*/ .responsive #top .tribe-events-calendar-month-mobile-events .tribe-events-calendar-month-mobile-events__mobile-event {padding: 15px 10px; margin-bottom: 5px; border-radius: 5px; border: 0 !important;} .responsive #top .tribe-events-calendar-month-mobile-events .tribe-events-calendar-month-mobile-events__mobile-event:hover, .responsive #top .tribe-events-calendar-month-mobile-events .tribe-events-calendar-month-mobile-events__mobile-event:focus {opacity: 0.68;} .responsive #top .tribe-events-calendar-month-mobile-events .tribe-events-calendar-month-mobile-events__mobile-day .tribe-events-c-day-marker time {color: var(--white); font-weight: 600;} .responsive #top .tribe-events-calendar-month-mobile-events .tribe-events-calendar-series-archive__container { margin-left: 5px; display: none;} .responsive #top .tribe-events-calendar-month-mobile-events .tribe-events-calendar-series-archive__container svg {color: var(--white);} .responsive #top .tribe-events-calendar-month-mobile-events .tribe-events-calendar-month-mobile-events__mobile-day .tribe-events-calendar-month-mobile-events__mobile-event-title {color: var(--white) !important; font-weight: 600 !important;} .responsive #top .tribe-events-calendar-month-mobile-events .event-allowed-users {background: var(--bg-lightdark); width: max-content; padding: 2px 6px; border-radius: 5px; font-size: 10px;} /*Coloring different Categories*/ .responsive #top .tribe-events-calendar-month-mobile-events .tribe-events-calendar-month-mobile-events__mobile-event.cat_matory-training{background: var(--primary);} .responsive #top .tribe-events-calendar-month-mobile-events .tribe-events-calendar-month-mobile-events__mobile-event.cat_personalprogram {background: var(--tertiary);} .responsive #top .tribe-events-calendar-month-mobile-events .tribe-events-calendar-month-mobile-events__mobile-event.cat_hybrid-plan {background: var(--orange);} /*--- Widget - Clientdashboard*/ .responsive #top .event-termine .tribe-events-widget-events-list__event-title {font-size: 14px !important;} /*Event-Page*/ .responsive #top .template-event-page .tribe-events-c-subscribe-dropdown {margin: 10px auto 0;} .responsive #top .template-event-page .tribe-events-c-subscribe-dropdown__container {width: 100%;} } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 430px) { }