header { margin-bottom: 0 !important; } .bg-hero-event-list { background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("https://www.eventkuechebaden.ch/wp-content/uploads/2017/04/kurse_events-1600x481.jpg"); height: 576px; background-repeat: no-repeat; margin-top: -125px; background-position: bottom; background-size: cover; } header.scrolled>.thb-header-inner-wrapper { background-color: black !important; } #thb-external-wrapper { background: #000; } #thb-external-wrapper i, #thb-external-wrapper a, #thb-external-wrapper span, #thb-external-wrapper p, #thb-external-wrapper time { color: white; } .event-middle-button button { padding: 3px 15px; border-radius: 2px; background: #CDA476; font-weight: 500; margin-top: 5px; margin-bottom: 5px; font-size: 20px; color: #000; } .event-middle-button:hover button { padding: 3px 15px; border-radius: 2px; background: #CDA476; font-weight: 500; margin-top: 5px; margin-bottom: 5px; font-size: 20px; color: #000; font-family: 'Roboto Condensed'; } .event-left { display: flex; flex-wrap: wrap; } .event-hero-title-wrapper { width: 930px; margin: 0 auto; height: 100%; display: flex; align-items: center; } .event-hero-title-wrapper h1 { font-family: 'BigNoodleTitling', Arial; font-weight: normal; font-style: normal; font-size: 74px; color: white; } @media (min-width: 768px) { .desktop-hidden { display: none !important; } .tribe-event-wrapper { width: 100%; } .event-left { width: 15%; justify-content: center; } .event-middle { width: 20%; display: flex; flex-wrap: wrap; align-content: space-between; } .event-right { width: 60%; } .article-event { flex-wrap: initial; flex-direction: row; display: flex !important; width: 100%; justify-content: center; } .event-middle-event { width: 100%; } .event-left img { height: 150px; width: 120px; object-fit: cover; } .event-left .date-wrapper-event { width: 65%; min-width: auto; } .event-left .img-event-wrapper { width: 130px !important; } } @media (max-width: 767px) { .event-left .date-wrapper-event { margin-top: -5px; } .event-middle-event span { font-size: 18px; } .event-left .img-event-wrapper { order: 0; } .event-left .date-wrapper-event { order: 1; width: 45%; } .middle-item-info { width: 45%; order: 2; margin-left: 30px !important; } .mobile-hidden { display: none !important; } .bg-hero-event-list { height: 380px; margin-top: -125px; } .event-hero-title-wrapper { width: 90%; } .event-hero-title-wrapper h1 { font-size: 41px; } .tribe-events-c-nav__list-item .tribe-events-c-nav__today { display: none; } .tribe-common .tribe-common-b2 { line-height: 1.05; } .mr-20 { margin-right: 20px !important; } .tribe-events-calendar-list__event-datetime-wrapper time { margin-left: -20px; } } .tribe-events-c-ical__link { color: #be7547 !important; } .tribe-common-c-btn.tribe-events-c-search__button { background: #be7547 } .tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden { color: #be7547 !important; } .tribe-events-c-view-selector__list-item-text { color: black !important; } .tribe-common-l-container .tribe-events-header--has-event-search { display: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__month-separator+.tribe-events-calendar-list__event-row { margin: 0px -24px 18px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row { margin: 0px -24px 18px; } .tribe-events-calendar-list__event-datetime .tribe-event-time { color: #B69770 !important; } .tribe-events-calendar-list__event-header .tribe-events-calendar-list__event-title .tribe-events-calendar-list__event-title-link { color: #B69770 !important; font-weight: bold; font-size: 20px; font-family: 'Roboto Condensed'; } .tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 { font-size: 16px; } .tribe-common .tribe-common-anchor-thin:active, .tribe-common .tribe-common-anchor-thin:focus, .tribe-common .tribe-common-anchor-thin:hover { border-bottom: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-description { margin-top: -4px; } .tribe-events .tribe-events-c-small-cta>* { margin-left: 0px; margin-top: 5px; font-size: 16px; } .tribe-events .tribe-events-calendar-list__event-date-tag-datetime { padding-top: 3px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-cost { margin-top: 0px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-venue { margin-bottom: -1px; } .tribe-events .tribe-events-calendar-list-nav { border-top: 0px solid #d5d5d5; } #thb-external-wrapper i, #thb-external-wrapper a, #thb-external-wrapper span, #thb-external-wrapper p, #thb-external-wrapper time { font-family: 'Roboto Condensed'; } #thb-external-wrapper i, #thb-external-wrapper a, #thb-external-wrapper span, #thb-external-wrapper p, #thb-external-wrapper time span {} .thb_mini_cart_wrapper { background-color: #000; border: 1px solid #000; } .tribe-events .tribe-events-calendar-list__month-separator:after { display: none; } .tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium { font-size: 30px; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-header { display: none !important; } .thb-heading { transform: translate(0, 80px); }