/* Theme Name: Museo 2024 Theme Template: generatepress Author: Studio Weeren Author URI: https://studioweeren.com Description: This is a child theme for GeneratePress. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: gpc Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow */ /* CONTENTS: 1. Defaults 2. Header and Nav 3. Home Page 4. Content 5. Components 6. Widgets 7. Footer 8. Other 9. Animations */ /* ========================================== =! DEFAULTS ------------------------------------------ */ /* ========================================== =! HEADER AND NAV ------------------------------------------ */ /* ========================================== =! HOME PAGE ------------------------------------------ */ /* ========================================== =! CONTENT ------------------------------------------ */ /* * Tickets & Events */ .event-tickets .tribe-tickets__tickets-item-content-title.tribe-tickets--no-description, .event-tickets .tribe-tickets__tickets-item-extra { align-self: center; } .event-sidebar h3 { font-size: 1.85rem; } .inside-event-sidebar > div { margin-bottom: 1rem; } @media (min-width: 768px) { .tribe-events-single>.tribe_events { justify-content: space-between; } .tribe-events-single > .tribe_events > .event-content { width: 74%; order: 1; } .tribe-events-single > .tribe_events > .event-sidebar { width: 24%; order: 2; } } .navigation-branding img, .site-logo.mobile-header-logo img { height: 100%; width: 200px; } ul.ecs-event-list { margin-left: 40px; } ul.ecs-event-list li { list-style: none; margin-bottom: 20px; } .events--list ul.ecs-event-list { display: flex; flex-direction: column; margin: 0; margin-left: 20px; margin-top: 20px; } .events--list ul.ecs-event-list li { margin-bottom: 1rem } .events--grid ul.ecs-event-list { flex-wrap: wrap; justify-content: space-between; margin: 0; } .events--grid ul.ecs-event-list li { width: 30%; margin-bottom: 3rem; } .tribe-events-schedule h2 { font-family: Jost, sans-serif; font-weight: normal; font-size: 24px; } span.break { display: block; height: 1rem; } .artwork-content { display: flex; justify-content: space-between; } .artwork-image, .artwork-info { flex-basis: 49%; } .responsive-tabs ul.responsive-tabs__list { margin: 0 !important; } .archive .site-main { display: flex; flex-wrap: wrap; } .archive .site-main .page-header, .archive .site-main .paging-navigation { width: 100%; } .archive .site-main article { width: 25%; } .event-tickets .tribe-tickets__rsvp-wrapper { max-width: 100% !important; } /* ========================================== =! COMPONENTS ------------------------------------------ */ /* --- fixes potential theme css conflict --- */ .acf-map img { max-width: inherit !important; } /* --- responsive embed --- */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* --- breadcrumbs --- */ .breadcrumbs { font-size: 14px; margin-bottom: 10px; } /* ========================================== =! WIDGETS ------------------------------------------ */ /* --- GPC Sub Menu Widget --- */ /* .widget_gpc_sub_menu_widget .dropdown-menu-toggle { display: none; } */ .widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu { margin-left: 1.2em; } .widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu li { list-style: disc; } .widget_gpc_sub_menu_widget .current-menu-item > a { font-weight: bold; } /* ========================================== =! FOOTER ------------------------------------------ */ /* ========================================== =! OTHER ------------------------------------------ */ /* ========================================== =! ANIMATION ------------------------------------------ */ /* --- do all the preload stuff --- */ @media (min-width: 768px) { .preload * { -webkit-transition: none !important; transition: none !important; -webkit-animation: none !important; animation: none !important; } .has-js .prep-animation, .has-js .prep-scroll-animation { visibility: hidden; } .has-js .do-animation, .has-js .do-scroll-animation { visibility: visible; } } /* ---------------------------------------------- * Generated by Animista * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ @media (min-width: 768px) { .fade-in-left { -webkit-animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in { -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in-bottom { -webkit-animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } .fade-in-right { -webkit-animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } } /* --- animation fade-in-left --- */ @-webkit-keyframes fade-in-left { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-left { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } /* --- animation fade-in --- */ @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /* --- animation fade-in-bottom --- */ @-webkit-keyframes fade-in-bottom { 0% { -webkit-transform: translateY(75px); transform: translateY(75px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-bottom { 0% { -webkit-transform: translateY(75px); transform: translateY(75px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } /* --- animation fade-in-right --- */ @-webkit-keyframes fade-in-right { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes fade-in-right { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } } /* --- delay classes --- */ .delay-250 { -webkit-animation-delay: 250ms; animation-delay: 250ms; } .delay-500 { -webkit-animation-delay: 500ms; animation-delay: 500ms; } .delay-750 { -webkit-animation-delay: 750ms; animation-delay: 750ms; } .delay-1000 { -webkit-animation-delay: 1000ms; animation-delay: 1000ms; } .delay-1250 { -webkit-animation-delay: 1250ms; animation-delay: 1250ms; } .delay-1500 { -webkit-animation-delay: 1500ms; animation-delay: 1500ms; }