/** * Theme Name: Shambhala Global Services FSE * Theme URI: https://shambhala.org/ * Author: Integritive, Inc. * Author URI: https://www.integritive.com/ * Description: A theme for Shambhala Global Services centered around the WordPress Block Editor. * Version: 0.1.0 * License: GNU General Public License v2 or later * License URI: LICENSE * Text Domain: sgs-fse * Requires at least: 6.4 * Tested up to: 6.5 * Requires PHP: 7.4 * Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready */ /*= I M P O R T A N T ! ! %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ /* MOST BLOCK STYLING IS DONE IN assets/css/editor.css SO THAT THEY SHOW ON BOTH THE FRONTEND AND THE EDITOR! ONLY PUT FRONTEND OVERRIDES IN THIS FILE! */ /*= I M P O R T A N T ! ! %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ html { /* background: #fff url("assets/images/background-footer.png") center top; */ /* background: var(--sgs-color-white) url("assets/images/pattern-gold-full-rc2.png") center bottom; */ } :root { --tec-font-family-sans-serif: var(--sgs-sans-serif); --tec-font-family-sans-serif: var(--sgs-sans-serif); --tec-color-border-default: #ccc; --tec-color-accent-primary: var(--sgs-color-green); --tec-color-accent-secondary: var(--sgs-color-blue); --tec-border-radius-default: 0; --tec-color-text-events-title: var(--sgs-color-blue); --tec-grid-gutter-page-small: 10px; --tec-color-text-events-title-day: var(--sgs-color-blue); --tec-color-text-events-title-latest-past: var(--sgs-color-blue); --tec-color-text-event-title-list: var(--sgs-color-blue); --tec-color-text-events-title-month-multiday: var(--sgs-color-blue); --tec-color-text-events-title-widget-list: var(--sgs-color-blue); --tec-color-text-secondary-event-date-month: var(--sgs-color-blue); --tec-color-text-secondary-event-date-month-mobile: var(--sgs-color-blue); --tec-color-text-day-of-week-month: var(--sgs-color-blue); --tec-color-day-marker-month: var(--sgs-color-blue); --tec-color-day-marker-month-hover: var(--sgs-color-blue); --tec-color-day-marker-month-active: var(--sgs-color-blue); --tec-color-day-marker-current-month: var(--sgs-color-blue); --tec-color-day-marker-current-month-hover: var(--sgs-color-blue); --tec-color-day-marker-current-month-active: var(--sgs-color-blue); --tec-color-day-marker-past-month: var(--sgs-color-blue); --tec-color-day-marker-past-month-hover: var(--sgs-color-blue); --tec-color-day-marker-past-month-active: var(--sgs-color-blue); --tec-color-text-day-of-week-week: var(--sgs-color-blue); --tec-border-radius-month-multiday: 9.5px; --tec-color-border-secondary-month-grid: var(--sgs-color-blue); --tec-color-border-active-month-grid-hover: var(--sgs-color-blue); --tec-color-background-month-grid: transparent; --tec-color-background-tooltip: var(--sgs-color-white); --tec-color-text-events-bar-input: var(--sgs-color-black); --tec-color-text-events-bar-input-placeholder: #666; --tec-opacity-events-bar-input-placeholder: 1; --tec-color-border-events-bar: var(--tec-color-border-default); --tec-color-background-events-bar: var(--sgs-color-white); --tec-color-background-view-selector: var(--sgs-color-white); --tec-color-background-view-selector-tabs: var(--sgs-color-white); --tec-color-background-view-selector-list-item-hover: var(--sgs-color-white); --tec-color-background-subscribe-list-item-hover: var(--sgs-color-white); --tec-color-text-view-selector-list-item: var(--sgs-color-black); --tec-color-text-view-selector-list-item-hover: var(--sgs-color-blue); --tec-color-background-search-container: var(--sgs-color-white); --tec-color-text-events-bar-submit-button: var(--sgs-color-white); --tec-color-text-events-bar-submit-button-active: var(--sgs-color-white); --tec-color-text-events-bar-submit-button-hover: var(--sgs-color-white); --tec-color-background-events-bar-submit-button: var(--sgs-color-blue); --tec-color-background-events-bar-submit-button-hover: var(--sgs-color-blue); --tec-color-background-events-bar-submit-button-active: var(--sgs-color-blue); --tec-color-icon-events-bar: var(--sgs-color-blue); --tec-color-icon-events-bar-active: var(--sgs-color-blue); --tec-color-icon-events-bar-hover: var(--sgs-color-blue); } .tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-text { color: var(--sgs-color-blue); } .tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6 { font-family: var(--sgs-serif); } /* .alignfull { margin: 32px calc(50% - 50vw); max-width: 100vw; width: 100vw; } .alignwide { max-width: var(--wp--style--global--wide-size, 1280px); margin: 0 auto; } .align-content-size { max-width: var(--wp--style--global--content-size, 620px); } */ body.theme-sgs .tribe-common--breakpoint-medium h3.tribe-events-calendar-list__event-title { font-size: 36px; } body.theme-sgs .tribe-events .tribe-events-calendar-list__month-separator-text, body.theme-sgs .tribe-events .tribe-events-calendar-list__event-date-tag-weekday { color: var(--sgs-color-blue); font-family: var(--sgs-sans-serif); font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; } body.theme-sgs .tribe-events .tribe-events-calendar-list__event-date-tag-daynum { color: var(--sgs-color-blue); font-family: var(--sgs-sans-serif); font-weight: 700; } .tribe-events.tribe-common .tribe-common-c-btn-border, .tribe-events.tribe-common a.tribe-common-c-btn-border { color: var(--sgs-color-blue); border-color: var(--sgs-color-blue); } .tribe-events.tribe-common .tribe-common-c-btn-border:hover, .tribe-events.tribe-common a.tribe-common-c-btn-border:hover { background-color: var(--sgs-color-blue); } .tribe-events-content a { border-color: var(--sgs-color-blue); color: var(--sgs-color-blue); } @media (min-width: 777px) { body.theme-sgs .tribe-events .tribe-events-calendar-list__month-separator-text, body.theme-sgs .tribe-events .tribe-events-calendar-list__event-date-tag-weekday { font-size: 18px; } body.theme-sgs .tribe-events .tribe-events-calendar-list__event-date-tag-daynum { font-size: 36px; } } @media (max-width: 776px) { body.admin-bar { margin-top: -46px; } #wpadminbar { display: none; } } button, input[type=button], input[type=reset], input[type=submit] { border-radius: 0; } a:active, a:focus, a:hover { opacity: 0.8; } hr.wp-block-separator { height: 0; } #page { background-color: #fff; padding:0 30px; } /* #page > * { max-width: 1440px; margin-right: auto; margin-left: auto; } */ @media (max-width: 776px) { #page { display: initial; padding: 0 5px; } #site-navigation-mobile { padding-top: 20px; } } @media (max-width: 420px) { #footer { padding-left: 20px; padding-right: 20px; } } body .wp-block-buttons { display: block; } p:last-child { margin-bottom: 0; } #primary .entry-content > p:last-child { margin-bottom: 90px; } body .gform_wrapper .chosen-container a.chosen-single { -webkit-appearance: none; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC"); background-position: center right; background-repeat: no-repeat; border: 1px solid #ccc; box-shadow: none; color: #666; height: 39px; } body .gform_wrapper .chosen-container-single .chosen-single span { font-size: 16px; line-height: 39px; } body .gform_wrapper .chosen-container-single .chosen-single div { display: none; } body.page .gform_wrapper select.large.gfield_select+div.chosen-container-multi[style], body.page .gform_wrapper select.large.gfield_select+div.chosen-container-single[style] { width: inherit!important; } body .scroll-back-to-top-wrapper, body .scroll-back-to-top-wrapper:hover { background: transparent; color: #fff; text-shadow: 0px 0px 5px rgba(54, 54, 54, 1); right: 10px; bottom: 10px; transition: var(--sgs-transition); } body .scroll-back-to-top-wrapper:hover { bottom: 8px; text-shadow: 0px 0px 2px rgba(54, 54, 54, 1); } body .scroll-back-to-top-wrapper i:before { background: rgb(0,0,0); background: radial-gradient(circle, rgba(54,54,54,1) 0%, rgba(54,54,54,1) 40%, rgba(255,255,255,0) 45%); } /*= HEADER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ /* #header { background-color: #fff; border-bottom: 20px solid var(--sgs-color-gold); flex: 0 0 auto; width: 100%; } .page-color--sgs-color-red #header { border-color: var(--sgs-color-red); } .page-color--sgs-color-black #header { border-color: var(--sgs-color-black); } .page-color--sgs-color-blue #header { border-color: var(--sgs-color-blue); } .page-color--sgs-color-green #header { border-color: var(--sgs-color-green); } .page-color--sgs-color-gold #header { border-color: var(--sgs-color-gold); } .page-color--sgs-color-orange #header { border-color: var(--sgs-color-orange); } .page-color--sgs-color-red #header { border-color: var(--sgs-color-red); } .page-color--sgs-color-white #header { border-color: var(--sgs-color-white); } */ #header { background-color: #fff; flex: 0 0 auto; /* width: 100%; */ position: relative; } header:after, #header:after { content: ""; background: var(--sgs-color-gold) url("assets/images/pattern-gold-full-rc2.png") center top repeat-x; display: block; height: var(--sgs-header-border); } .page-color--sgs-color-red #header:after { background: var(--sgs-color-red) url("assets/images/pattern-red-full-rc2.png") center top repeat-x; } .page-color--sgs-color-black #header:after { background: var(--sgs-color-black); } .page-color--sgs-color-blue #header:after { background: var(--sgs-color-blue) url("assets/images/pattern-blue-full-rc2.png") center top repeat-x; } .page-color--sgs-color-green #header:after { background: var(--sgs-color-green) url("assets/images/pattern-green-full-rc2.png") center top repeat-x; } .page-color--sgs-color-gold #header:after { background: var(--sgs-color-gold) url("assets/images/pattern-gold-full-rc2.png") center top repeat-x; } .page-color--sgs-color-orange #header:after { background: var(--sgs-color-orange) url("assets/images/pattern-orange-full-rc2.png") center top repeat-x; } .page-color--sgs-color-white #header:after { background: var(--sgs-color-white); } .site-branding { padding-top: 10px; padding-bottom: 10px; text-align: center; } .site-branding img { display: block; } @media (max-width: 776px) { .site-branding { padding-bottom: 0; } } @media (max-width: 767px) { .site-branding img { width: 113px; } } /*= Main Navigation ----------------------------------------------------------*/ #primary-menu { justify-content: space-between; } #primary-menu a { display: block; font-size: 14px; line-height: 1.71; padding: 10px 0; text-transform: uppercase; } #primary-menu .menu-item-type-icon a { padding-bottom: 0; } #primary-menu .wp-block-button a { padding: 6px 16px 2px; } #primary-menu .wp-block-button a:active, #primary-menu .wp-block-button a:focus, #primary-menu .wp-block-button a:hover { opacity: 1; } #primary-menu a:not(.has-text-color) { color: var(--sgs-color-black); } #primary-menu a:active, #primary-menu a:focus, #primary-menu a:hover { opacity: 0.8; } .main-navigation li { margin-right: auto; margin-left: auto; z-index: 9999; } .main-navigation li:first-child { margin-left: 0; } .main-navigation li:last-child { margin-right: 0; } .menu-item-type-icon { padding-left: 20px; } .menu-item-type-icon.menu-item-search { margin-right: 0; } .menu-item-type-icon.menu-item-language { margin-left: 0; } .menu-item-type-icon svg { width: 26px; height: 26px; } .menu-item-type-icon.menu-item-search svg { width: 20px; height: 20px; } .main-navigation ul li.menu-item-type-icon:hover > ul, .main-navigation ul li.menu-item-type-icon.hover > ul, .main-navigation ul li.menu-item-type-icon.focus > ul { right: 0; } .main-navigation .menu-item-search > ul, .main-navigation .menu-item-language > ul { padding: 15px; } .main-navigation #primary-menu > li.current-menu-item > a:after, .main-navigation #primary-menu > li.current-menu-ancestor > a:after { content: ""; display: block; height: 3px; background: #d8d8d8; } .main-navigation ul ul { box-shadow: none; } @media (min-width: 2015px) { .main-navigation ul ul:after { box-shadow: 0 3px 3px rgb(0 0 0 / 20%); content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } } .main-navigation ul ul a { width: 230px; } .main-navigation ul ul a:hover { background: #f5f5f5; } #primary-menu .sub-menu { background-color: #fff; display: block; } #primary-menu .sub-menu a { padding: 8px 15px; text-transform: uppercase; font: 700 12px/1.5 var(--sgs-sans-serif); } #primary-menu .sub-menu a:hover { opacity: 1; } #primary-menu .sub-menu li:first-child > a { padding-top: 15px; } #primary-menu .sub-menu li:last-child > a { padding-bottom: 15px; } @media (min-width: 1025px) { #primary-menu .sub-menu .sub-menu:after { box-shadow: 3px 2px 3px rgb(0 0 0 / 20%); } #primary-menu .sub-menu .sub-menu { display: none; } #primary-menu .sub-menu li:hover > .sub-menu, #primary-menu .sub-menu li.hover > .sub-menu { display: block; left: 230px; } #primary-menu .dropdown-reverse .sub-menu li:hover > .sub-menu, #primary-menu .dropdown-reverse .sub-menu li.hover > .sub-menu { left: auto; right: 242px; } #primary-menu .dropdown-reverse .sub-menu .sub-menu:after { box-shadow: -3px 2px 3px rgb(0 0 0 / 20%); } #primary-menu a { display: flex; justify-content: space-between; align-items: center; } #primary-menu > li > a { display: block; } #primary-menu li:not(.menu-item-type-icon) a svg { margin-top: -2px; flex: 0 0 auto; width: 6px; } #primary-menu .dropdown-reverse a { justify-content: flex-start; } #primary-menu .dropdown-reverse li:not(.menu-item-has-children) { padding-left: 12px; } #primary-menu .dropdown-reverse svg { margin-right: 6px; } } #primary-menu .search-form, #auxiliary-menu .search-form { border: 1px solid var(--sgs-color-black); display: flex; } #primary-menu .search-form .search-field, #auxiliary-menu .search-form .search-field { border: none; } #primary-menu .search-form button, #auxiliary-menu .search-form button { background: transparent; border: none; padding-right: 10px; padding-left: 10px; } #primary-menu .search-form::placeholder, #auxiliary-menu .search-form::placeholder { color: var(--sgs-color-black); opacity: 1; text-transform: uppercase; } #primary-menu .search-form:-ms-input-placeholder, #auxiliary-menu .search-form:-ms-input-placeholder { color: var(--sgs-color-black); text-transform: uppercase; } #primary-menu .search-form::-ms-input-placeholder, #auxiliary-menu .search-form::-ms-input-placeholder { color: var(--sgs-color-black); text-transform: uppercase; } #primary-menu .menu-item-language select, #auxiliary-menu .menu-item-language select { background: url('data:image/svg+xml;utf8,') no-repeat; background-position: top 50% right 10px; background-size: 24px auto; border: 1px solid var(--sgs-color-black); cursor: pointer; height: 40px; min-width: 345px; padding-right: 10px; padding-left: 10px; -webkit-appearance: none; } @media (min-width: 1025px) { .primary-navigation-toggle { display: none; } } #site-navigation-mobile { display: none; } #primary-menu-mobile li { display: flex; align-items: center; flex-wrap: wrap; } #primary-menu-mobile > li { border-bottom: 1px solid #ddd; } #primary-menu-mobile li:last-child { border-bottom: none; } #primary-menu-mobile li a { color: var(--sgs-color-black); flex: 1 0 auto; order: 1; margin-right: 65px; padding: 8px 15px; } #primary-menu-mobile li.menu-item-has-children > a { margin-right: 15px; } #primary-menu-mobile li .submenu-toggle { background: #f5f5f5; display: flex; flex: 0 0 auto; order: 2; align-items: center; justify-content: center; width: 50px; height: 52px; } #primary-menu-mobile li .submenu-toggle svg { width: 20px; } #primary-menu-mobile li .submenu-toggle svg.close, #primary-menu-mobile li .submenu-toggle.active svg.open { display: none; } #primary-menu-mobile li .submenu-toggle.active svg.close { display: block; } #primary-menu-mobile .sub-menu { display: none; box-shadow: none; flex: 0 0 auto; width: 100%; float: none; left: 0; padding-left: 15px; position: static; order: 3; } #primary-menu-mobile .sub-menu.active { display: block; } #primary-menu-mobile .sub-menu li { border-top: 1px solid #f5f5f5; } #auxiliary-menu { display: none; position: relative; z-index: 100; } #auxiliary-menu .menu { display: flex; justify-content: flex-end; } #auxiliary-menu li { display: flex; align-items: center; } #auxiliary-menu a { color: var(--sgs-color-black); line-height: 1; } #auxiliary-menu .sub-menu { background: #fff; display: none; } #auxiliary-menu .sub-menu.active { display: block } @media (max-width: 1024px) { :where(.wp-block-columns.has-background) { padding: 0; } .wp-block-navigation__responsive-container-open svg, .wp-block-navigation__responsive-container-close svg { width: 32px; height: 32px; } .main-navigation ul { display: none; } #auxiliary-menu { display: block; position: absolute; bottom: 25px; } .wp-container-core-navigation-is-layout-1.wp-container-core-navigation-is-layout-1 { flex-direction: row-reverse; padding-right: 20px; } #site-navigation-mobile, #site-navigation-mobile * { display: block; background-color: #fff !important; } .menu-primary-menu-container { position: relative; } #primary-menu-mobile.active { background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); display: block; position: absolute; width: 100%; top: var(--sgs-header-border); z-index: 1000; } .main-navigation ul li.menu-item-type-icon:hover > ul, .main-navigation ul li.menu-item-type-icon.focus > ul { top: calc(100% + var(--sgs-header-border)); } } .nav-icon { cursor: pointer; float: right; position: absolute; bottom: 35px; width: 25px; height: 22px; z-index: 105; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } .nav-icon span { background: var(--sgs-color-black); border-radius: 0; display: block; opacity: 1; position: absolute; left: 0; transform: rotate(0deg); transition: var(--sgs-transition); width: 100%; height: 4px; } .nav-icon span:nth-child(1) { top: 0px; } .nav-icon span:nth-child(2), .nav-icon span:nth-child(3) { top: 9px; /* Total height / 2 - half span height ((22/2) - 2 = 9) */ } .nav-icon span:nth-child(4) { top: 18px; /* Total height - span height (22 - 4 = 18) */ } .nav-icon.active span:nth-child(1) { top: 6px; width: 0%; left: 50%; } .nav-icon.active span:nth-child(2) { transform: rotate(45deg); } .nav-icon.active span:nth-child(3) { transform: rotate(-45deg); } .nav-icon.active span:nth-child(4) { top: 9px; /* Match the 2/3 child top from above */ width: 0%; left: 50%; } /*= Hero Banner / Slideshow --------------------------------------------------*/ #sgs-banner-slideshow { flex: 0 0 auto; width: 100%; } #sgs-banner-slideshow .cycle-pager { border-bottom: 1px solid var(--sgs-color-light-gray); } .cycle-slide { width: 100%; } .cycle-slide img { display: block; width: 100%; height: auto; } .cycle-slide + .cycle-slide { display: none; } .cycle-pager { display: flex; align-items: center; justify-content: center; height: 40px; } .cycle-pager span { border: 1px solid #857676; border-radius: 10px; cursor: pointer; display: block; margin: 0 5px; flex: 0 0 auto; width: 20px; height: 20px; } .cycle-pager span.cycle-pager-active { background: var(--sgs-color-gold); } .cycle-navigate { color: #fff; cursor: pointer; display: none; position: absolute; text-shadow: 2px 2px #000; top: calc(50% - 20px); transform: translateY(-50%); width: 32px; z-index: 9999999; } .cycle-slideshow[style*="position"] .cycle-navigate { display: block; } .cycle-navigate svg { filter: drop-shadow(0 3px 3px rgb(0 0 0 / 20%)); } .cycle-next { right: 20px; } .cycle-prev { left: 20px; } /*= Sub Heading / Page Navigation --------------------------------------------*/ #page-navigation { background: #fff; border-bottom: 2px solid var(--sgs-color-light-gray); flex: 0 0 auto; padding: 18px 0; position: relative; text-align: center; width: 100%; } #page-navigation.stuck { position: fixed; top: 0; right: 30px; left: 30px; width: auto; z-index: 100; } .admin-bar #page-navigation.stuck { top: 32px; } @media (max-width: 776px) { #page-navigation.stuck { right: 5px; left: 5px; } } #page-navigation .page-navigation-toggle { cursor: pointer; line-height: 1; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); width: 25px; } @media (max-width: 776px) { #page-navigation .page-navigation-toggle { display: none; } } #page-navigation .menu-page-menu-container { background-color: #fff; box-shadow: 0 3px 3px rgb(0 0 0 / 20%); overflow: hidden; position: absolute; top: 85px; left: 0; /* container width + side padding */ transition: var(--sgs-transition); width: 0; z-index: 100; } #page-navigation .menu-page-menu-container.active { width: 300px; } #page-navigation a { color: var(--sgs-color-black); display: block; font: 700 12px/1.5 var(--sgs-sans-serif); text-decoration: none; text-transform: uppercase; padding: 9px 0; } #page-menu { list-style-type: none; margin: 0; padding: 15px; text-align: left; width: 300px; max-height: calc(100vh - 85px); overflow-y: auto; } .admin-bar #page-menu { max-height: calc(100vh - 85px - 32px); } #page-menu > li:not(.current-menu-ancestor) { display: none; } #page-menu > li > a { display: none; } #page-menu .current-menu-item > a { color: var(--sgs-color-blue); } #page-menu .sub-menu { list-style-type: none; margin-left: 0; padding-left: 0; } #page-menu .sub-menu .sub-menu { padding-left: 1em; } #page-menu .sub-menu .sub-menu a { font-weight: normal; text-transform: none; } #page-navigation .page-title { display: block; margin: 0; padding: 0 45px; } /*= Breadcrumbs --------------------------------------------------------------*/ #page-breadcrumbs { flex: 0 0 auto; width: 100%; } #page-breadcrumbs a, #page-breadcrumbs span { font: 700 12px/1.5 var(--sgs-sans-serif); text-transform: uppercase; } #page-breadcrumbs a { color: var(--sgs-color-black); text-decoration: none; } #page-breadcrumbs .current-item { color: var(--sgs-color-blue); } /*= CONTENT %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ @media (max-width: 776px) { #primary, #tribe-events-content { padding-right: 10px; padding-left: 10px; } } .content-wrapper { display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; } #primary, #tribe-events-content { background-color: #fff; flex: 0 0 auto; margin-right: auto; margin-left: auto; width: 100%; max-width: 1440px; } #tribe-events-pg-template { display: flex; align-items: flex-start; flex-wrap: wrap; max-width: none; padding: 0; width: 100%; } /* Fix for some member pages */ body:not(.page-sidebar-none) #primary .entry-content > strong { display: block; } @media (min-width: 1024px) { body:not(.page-sidebar-none) #primary, body:not(.page-sidebar-none) #tribe-events-content { /* width: calc(100% - 365px); Subtract #secondary width */ } /* Allows us to override widths if necessary... */ body:not(.page-sidebar-none) #primary .entry-content > *, body:not(.page-sidebar-none) #comments > * { /* max-width: 880px; */ margin-right: auto; margin-left: auto; } body:not(.page-sidebar-none) #tribe-events-content { /* padding-right: 45px; Match #secondary padding-left */ } } @media (min-width: 1024px) and (max-width: 1350px) { body:not(.page-sidebar-none) #primary, body:not(.page-sidebar-none) #tribe-events-content { /* padding-right: 45px; /* Match #secondary padding-left */ } } .entry-content { overflow: hidden; } @media (max-width: 781px) { .sgs-course-library-anchors { max-width: 400px; margin-right: auto; margin-left: auto; } .sgs-course-library-anchors .wp-block-image { flex: 0 0 auto; width: 75px; margin-right: 20px; } .sgs-course-library-anchors .wp-block-sgs-group-link { display: flex; align-items: center; justify-content: flex-start; } } /*= Tribe Events -------------------------------------------------------------*/ #tribe-events-content{ margin-top: 40px; padding-left: 1em; padding-right: 1em; } #secondary.sidebar-tribe_events { margin-top: 40px; padding-left: 45px; padding-right: 1em; } #tribe-events-content .tribe-events-event-image-wrapper { flex: 0 0 auto; width: 270px; margin-right: 45px; margin-bottom: 25px; } #tribe-events-content .tribe-events-event-image, .page-registration .tribe-events-event-image { border-radius: 50%; overflow: hidden; } .page-registration .tribe-events-event-image { width: 30%; margin: 2% auto; } #tribe-events-content .has-featured-image .tribe-events-content-wrapper { flex: 0 0 auto; width: calc(100% - 315px); } #tribe-events-content .tribe-events-event-categories h5 { margin-bottom: 20px; } #tribe-events-content .tribe-events-event-categories a { text-decoration: none; color: var(--sgs-color-blue); } #tribe-events-content .tribe-events-event-categories a:active, #tribe-events-content .tribe-events-event-categories a:focus, #tribe-events-content .tribe-events-event-categories a:hover { text-decoration: underline; } #tribe-events-content .tribe-events-single-event-title { text-align: left; } #tribe-events-content .tribe-events-single-event-title, #tribe-events-content h1 { font-size: 30px; } #tribe-events-content h2 { font-size: 24px; } #tribe-events-content h3 { font-size: 18px; } @media (min-width: 1024px) { #secondary.sidebar-tribe_events.stuck .stuck-wrapper { border-left: 2px solid var(--sgs-color-light-gray); padding-left: 45px; position: fixed; top: 45px; width: 365px; } } @media (max-width: 1279px) { #tribe-events-content .tribe-events-event-image-wrapper, #tribe-events-content .has-featured-image .tribe-events-content-wrapper { width: 100%; } } /*= Blog Posts ---------------------------------------------------------------*/ article.type-post { padding-top: 40px; } article.type-post .wp-post-image { display: block; margin-bottom: 35px; } article.type-post .entry-title { margin-bottom: 10px; } article.type-post .entry-meta { line-height: 30px; margin-bottom: 35px; } article.type-post .entry-meta a { color: var(--sgs-color-black); text-decoration: none; } article.type-post .entry-meta a:active, article.type-post .entry-meta a:focus, article.type-post .entry-meta a:hover { text-decoration: underline; } article.type-post .entry-meta .separator { display: inline-block; margin-right: 5px; margin-left: 5px; } article.type-post .entry-author { display: flex; align-items: center; font-size: 75%; margin-bottom: 35px; } article.type-post .entry-author img { border-radius: 37.5px; margin-right: 10px; } article.type-post .entry-content > *:first-child { margin-top: 0; } .program-list .program { overflow: hidden; } .program-list .program-image { display: block; float: left; } .program-list .program .program-image img { width: auto; height: auto; max-width: 90px; max-height: 150px; margin: 0 25px 5px 0; } .program-list .program-name { font-size: 30px; } .program-list > p, .program-list + br { display: none; } /*= Membership %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .sgs-members-only { margin: 90px auto; } .page-members-home .entry-content > * { margin-top: 2em; margin-bottom: 2em; } #page #content { margin-right: auto; margin-left: auto; } #show_login + #login_container { width: 100% !important; margin-top: 0px; /* margin-top: -60px; */ } #show_login { font-family: var(--sgs-sans-serif); font-size: 18px; font-weight: 700; letter-spacing: 1.8px; text-align: center; text-transform: uppercase; width: auto!important; } .entry-content #login_container form { display: flex; flex: 0 0 auto; flex-wrap: wrap; width: 100%; } .entry-content #login_container form br { display: none; } .entry-content #login_container form input { background: #f5f5f5; border: 1px solid #9e9e9e; border-radius: 0; /* font-size: 16px; */ font-size: 15px; padding: 15px 5px; width: 102%!important; /* width: 100%!important; */ } .entry-content #login_container form p { flex: 0 0 auto; margin: 0; /* padding-right: 20px; */ padding-right: 10px; padding-left: 20px; width: 50%; } .entry-content #login_container form p:last-child { display: flex; flex-wrap: wrap; width: 100%; } .entry-content #login_container form p:last-child a { order: 2; flex: 0 0 auto; padding-right: 20px; padding-left: 20px; width: 50%; } .entry-content #login_container form p:last-child a:first-of-type { text-align: right; } .entry-content #login_container form p:last-child a:before { content: ''; flex: 0 0 auto; width: 100%; } .entry-content #login_container form p:last-child input, input#submit_password[type="submit"] { background: #fff; border-color: var(--sgs-color-black); border-radius: 0; border-width: 2px; color: var(--sgs-color-green); cursor: pointer; font-size: 12px; font-weight: 700; letter-spacing: 1.8px; order: 1; flex: 0 0 auto; text-transform: uppercase; margin-right: calc(50% - 50px); margin-bottom: 60px; margin-left: calc(50% - 50px); padding: 10px 30px; width: 102px!important; } input#submit_password[type="submit"] { font-size: 18px!important; margin: 0; padding: .667em 1.333em!important; width: auto!important; } .entry-content #login_container form p:last-child input:hover, input#submit_password[type="submit"]:hover { background: var(--sgs-color-green); color: var(--sgs-color-white); } /* .page-sidebar-members #content #show_login { margin-top: 0; } */ .page-sidebar-members #show_login + #login_container { margin-bottom: 0; } /* .page-sidebar-members h1:first-of-type { margin-top: 20px } */ .page-search .entry-content > .line_container:first-child { margin-top: 90px; } .entry-content > br + br + strong { margin-top: 90px; } .page-center script + h1 { margin-top: 0; } /* .page-profile #primary { display: flex; max-width: none; width: 100%!important; } */ /*= Centres ------------------------------------------------------------------*/ .page-center .entry-content > table tr, .page-center .entry-content > table td { display: block; } .page-center .entry-content > table td { padding: 7px; } .page-center .entry-content > table td:first-child { background: #f5f5f5; font-size: 14px; letter-spacing: 1.4px; text-transform: uppercase; } /*= Subscriptions ------------------------------------------------------------*/ .page-subscriptions .wp-block-button { text-align: right; } .page-subscriptions .entry-content hr, .page-subscriptions .entry-content p br { display: none; } .page-subscriptions .entry-content > form:last-of-type { margin-top: 90px; } .page-subscriptions .entry-content > form:last-of-type p { background: #f5f5f5; border: none!important; width: 100%!important; } .page-subscriptions .entry-content > form:last-of-type input[type="submit"] { background: #fff; } .page-subscriptions .entry-content > form:last-of-type p br { display: block; } .subscriptions-table .heading-row h1 { background: #F5F5F5; color: var(--sgs-color-black); font: 14px/24 700 var(--sgs-serif); margin: 40px 0 0; padding: 12px; text-align: left; text-transform: uppercase; } .subscriptions-table .subheading-row + .heading-row h1 { margin-top: 0; } .subscriptions-table .subheading-row { display: flex; font-size: 10px; font-weight: 700; line-height: 2.4; text-transform: uppercase; } .subscriptions-table .subheading-row td { flex: 0 0 auto; width: 50%; } .subscriptions-table .subheading-row td:last-child { text-align: right; } .subscriptions-table .submission-row { display: none; } .subscriptions-table .subscription { display: flex; align-items: center; padding: 3px 10px; border-bottom: 1px solid #f5f5f5; } .subscriptions-table .subscription td { flex: 1 1 auto; } .subscriptions-table .control { cursor: pointer; } .subscriptions-table .control span { display: none; } .subscriptions-table .control svg { width: 30px; } .subscriptions-table .subscription .subscribe, .subscriptions-table .subscription .unsubscribe { color: #D8D8D8; flex: 0 1 auto; order: 2; } .subscriptions-table .subscription .unsubscribe { flex: 0 1 auto; margin-left: 15px; order: 3; } .subscriptions-table .subscription .subscribe.active { color: var(--sgs-color-green); } .subscriptions-table .subscription .unsubscribe.active { color: var(--sgs-color-red); } /*= Profile ------------------------------------------------------------------*/ .page-profile .line_container { align-items: center; background: #f5f5f5; border: none; margin: 13px 0; } .page-profile .label_container, .page-profile .privacy_container { font-size: 12px; font-weight: 700; line-height: 1.2; text-transform: uppercase; } .page-profile .privacy_container, .page-profile .line_container:first-child .field_container { text-align: right; } .page-profile .privacy_container input, .page-profile .line_container:first-child .field_container input { margin-right: 5px; } .page-profile .input-wrapper { background: transparent; } .page-profile .input-wrapper .label_container { display: none; } .page-profile .input-wrapper .field_container { padding-left: 0; padding-right: 0; } .page-profile h3 br { display: none; } .page-profile h3 + .line_container { margin-top: -60px; } /*= Positions ----------------------------------------------------------------*/ .page-volunteer table, .page-volunteer td { border: none; } /*= Gifts --------------------------------------------------------------------*/ .page-gifts .program-list { display: flex; flex-wrap: wrap; margin-top: 90px } .page-gifts .program-list > p { display: none; } .page-gifts .program { flex: 0 0 auto; width: calc(25% - 60px); margin-right: 60px; } .page-gifts .program .entry-title { color: var(--sgs-color-black); font: 700 16px/1.1 var(--sgs-sans-serif); letter-spacing: 1.1px; text-transform: uppercase; } .page-gifts .program > div { width: 100%; } .page-gifts .program img { border-radius: 50%; } .page-gifts .program input[type="button"], .page-gifts .program input[type="submit"] { border: 2px solid; border-color: var(--sgs-color-black); color: var(--sgs-color-orange); cursor: pointer; display: block; font-size: 12px; line-height: 1.71; padding: 10px 0; text-transform: uppercase; width: 100%; font-weight: 700; letter-spacing: 1; background: #fff; transition: var(--sgs-transition); } .page-gifts .program input[type="button"]:hover, .page-gifts .program input[type="submit"]:hover { background: var(--sgs-color-orange); color: var(--sgs-color-white); } /*= WP Courseware %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .wpcw-course-desc + .wpcw-course-outline { margin-top: 90px; } #wpcw_fe_course { border-color: #f5f5f5; } .entry-content #wpcw_fe_course { border: none; } .entry-content #wpcw_fe_course tr { display: flex; } .entry-content #wpcw_fe_course tr.wpcw_fe_module { margin-top: 30px; } .entry-content #wpcw_fe_course .wpcw_fe_unit_progress { width: auto; } #wpcw_fe_course th, #wpcw_fe_course td { border-color: #f5f5f5; text-align: left; } #wpcw_fe_course th:not(:last-child), #wpcw_fe_course td:not(:last-child) { padding-right: 0; } .entry-content #wpcw_fe_course .wpcw_fe_module_desc_header, .entry-content #wpcw_fe_course .wpcw_fe_unit { flex: 1 0 auto; } #wpcw_fe_course .wpcw_fe_module th { background-color: #f5f5f5; font-family: var(--sgs-sans-serif); } .entry-content #wpcw_fe_course .wpcw_fe_module th { font-size: 14px; letter-spacing: 1.4px; text-transform: uppercase; } .entry-content #wpcw_fe_course td { font-family: var(--sgs-sans-serif); font-size: 12px; letter-spacing: 1.2px; } .entry-content #wpcw_fe_course .wpcw_fe_unit_title { font-weight: 700; text-transform: uppercase; } .wpcw_checkmark { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDU4MDMyIiBkPSJNMjQzLjggMzM5LjhDMjMyLjkgMzUwLjcgMjE1LjEgMzUwLjcgMjA0LjIgMzM5LjhMMTQwLjIgMjc1LjhDMTI5LjMgMjY0LjkgMTI5LjMgMjQ3LjEgMTQwLjIgMjM2LjJDMTUxLjEgMjI1LjMgMTY4LjkgMjI1LjMgMTc5LjggMjM2LjJMMjI0IDI4MC40TDMzMi4yIDE3Mi4yQzM0My4xIDE2MS4zIDM2MC45IDE2MS4zIDM3MS44IDE3Mi4yQzM4Mi43IDE4My4xIDM4Mi43IDIwMC45IDM3MS44IDIxMS44TDI0My44IDMzOS44ek01MTIgMjU2QzUxMiAzOTcuNCAzOTcuNCA1MTIgMjU2IDUxMkMxMTQuNiA1MTIgMCAzOTcuNCAwIDI1NkMwIDExNC42IDExNC42IDAgMjU2IDBDMzk3LjQgMCA1MTIgMTE0LjYgNTEyIDI1NnpNMjU2IDQ4QzE0MS4xIDQ4IDQ4IDE0MS4xIDQ4IDI1NkM0OCAzNzAuOSAxNDEuMSA0NjQgMjU2IDQ2NEMzNzAuOSA0NjQgNDY0IDM3MC45IDQ2NCAyNTZDNDY0IDE0MS4xIDM3MC45IDQ4IDI1NiA0OHoiLz48L3N2Zz4=") center center no-repeat; border: none; border-radius: 0; } .wpcw_checkmark:before { display: none; } .wpcw_circle { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjRDhEOEQ4IiBkPSJNNTEyIDI1NkM1MTIgMzk3LjQgMzk3LjQgNTEyIDI1NiA1MTJDMTE0LjYgNTEyIDAgMzk3LjQgMCAyNTZDMCAxMTQuNiAxMTQuNiAwIDI1NiAwQzM5Ny40IDAgNTEyIDExNC42IDUxMiAyNTZ6TTI1NiA0OEMxNDEuMSA0OCA0OCAxNDEuMSA0OCAyNTZDNDggMzcwLjkgMTQxLjEgNDY0IDI1NiA0NjRDMzcwLjkgNDY0IDQ2NCAzNzAuOSA0NjQgMjU2QzQ2NCAxNDEuMSAzNzAuOSA0OCAyNTYgNDh6Ii8+PC9zdmc+") center center no-repeat; border: none; border-radius: 0; } .wpcw-unit-completebox { padding-top: 90px; } .wpcw_fe_progress_box_complete, .wpcw_fe_progress_box_pending { background: transparent; border: 5px solid #058032; border-right: none; border-left: none; border-radius: 0; font-weight: 700; letter-spacing: 1.6px; padding: 10px 0; text-transform: uppercase; } .wpcw_fe_progress_box_complete .wpcw_fe_progress_box_text { line-height: 2rem; } .wpcw_fe_quiz_submit_data input.fe_btn_completion, a.fe_btn_completion { background: transparent; color: #058032!important; border-radius: 0; } .wpcw_fe_quiz_submit_data input.fe_btn_completion:hover, a.fe_btn_completion:hover { background: #058032; color: #ffffff!important; opacity: 1; } .wpcw_fe_navigation_box { display: flex; justify-content: space-between; padding-right: 0; padding-left: 0; } a.fe_btn_navigation, a.fe_btn_navigation:hover { background: transparent; border: none; color: var(--sgs-color-black)!important; font-size: 16px; letter-spacing: 1.6px; text-transform: uppercase; } a.fe_btn_navigation { flex: 1 1 auto; text-align: left; } a.fe_btn_navigation.fe_btn_navigation_next { text-align: right; } /*= WP Courseware Sidebar ----------------------------------------------------*/ .sidebar-wpcw_course .wp-block-button.is-style-outline > .wp-block-button__link, .sidebar-wpcw_course .wp-block-button .wp-block-button__link.is-style-outline { font-size: 14px; line-height: 1.71; padding: 6px 16px 2px; } .editor-styles-wrapper .MemberWidget { } .MemberWidget .login_form { font-size: 14px; font-weight: 700; letter-spacing: 1.4px; margin-bottom: 30px; text-transform: uppercase; } /* .MemberWidget .login_form p { font-size: 0; } */ .MemberWidget .login_form input { font-size: 16px; } .MemberWidget .login_form a { display: inline-block; font-size: 14px; letter-spacing: 0; text-transform: none; width: 95%; } .MemberWidget .login_form a[href*="logout"], .MemberWidget .login_form input[type="submit"] { -webkit-appearance: none; background: #fff; border: 1px solid; border-radius: 0; color: var(--sgs-color-black); font-size: 12px; letter-spacing: 1.2px; max-width: 100px; margin: 15px 0 0 15px; padding: 6px 20px 3px; text-align: center; text-decoration: none; text-transform: uppercase; } .MemberWidget .login_form > p, .MemberWidget p { font-size: 12px; font-weight: 700; letter-spacing: 1.2px; margin-bottom: 5px; text-transform: uppercase; } .MemberWidget > p.member-widget { font-size: 0; } .MemberWidget p a { color: var(--sgs-color-black); display: block; font-size: 12px; text-decoration: none; } .MemberWidget p a + a { margin-top: 5px; } .sidebar-wpcw_course .wpcw_widget_progress #wpcw_fe_course { line-height: 1.4; } .sidebar-wpcw_course .wpcw_widget_progress #wpcw_fe_course .wpcw_fe_module_title_header { width: auto; white-space: nowrap; } /*= SIDEBAR %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ #secondary { background-color: #fff; flex: 0 0 auto; margin-top: 90px; margin-bottom: 90px; width: 100%; } .single-post #secondary { margin-top: 40px; } @media (max-width: 776px) { #secondary { margin-top: 0; padding-right: 10px; padding-left: 10px; } } #sidebar-menu, #sidebar-menu ul { list-style-type: none; margin: 0; padding: 0; } #sidebar-menu a { text-decoration: none; } #sidebar-menu > li { display: none; } #sidebar-menu > li:first-child { display: list-item; } #sidebar-menu > li > a { color: var(--sgs-color-blue); text-transform: uppercase; font: 700 18px/1.33 var(--sgs-sans-serif); } #sidebar-menu > li > .sub-menu { padding-top: 30px; } #sidebar-menu > li > .sub-menu > li > a { color: var(--sgs-color-black); display: block; font: 700 12px/1.5 var(--sgs-sans-serif); text-transform: uppercase; padding: 9px 0; } #sidebar-menu > li > .sub-menu > li.current-page-ancestor > a, #sidebar-menu > li > .sub-menu > li.current-menu-item > a { color: var(--sgs-color-blue); } #sidebar-menu .sub-menu .sub-menu { padding-left: 20px; } #sidebar-menu .sub-menu .sub-menu a { color: var(--sgs-color-black); font: 12px/1.5 var(--sgs-sans-serif); } #sidebar-menu .sub-menu .sub-menu .current-menu-item a { color: var(--sgs-color-blue); } /* #sidebar-menu .sub-menu .menu-item-has-children > a { display: flex; align-items: center; justify-content: space-between; line-height: 36px; } */ #sidebar-menu .sub-menu .menu-item-has-children { position: relative; } #sidebar-menu .sub-menu .toggle { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMzYzNjM2IiBkPSJNMjMzLjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTkyLTE5MmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyNTYgMzM4LjcgODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTkyIDE5MnoiLz48L3N2Zz4=') no-repeat right center; background-size: 16px auto; cursor: pointer; display: block; padding-left: 50px; position: absolute; right: 0; top: 0; width: 16px; height: 36px; } #sidebar-menu .sub-menu .toggle.active { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMzYzNjM2IiBkPSJNMjMzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDBsMTkyIDE5MmMxMi41IDEyLjUgMTIuNSAzMi44IDAgNDUuM3MtMzIuOCAxMi41LTQ1LjMgMEwyNTYgMTczLjMgODYuNiAzNDIuNmMtMTIuNSAxMi41LTMyLjggMTIuNS00NS4zIDBzLTEyLjUtMzIuOCAwLTQ1LjNsMTkyLTE5MnoiLz48L3N2Zz4='); } #sidebar-menu .sub-menu .current_page_ancestor > .toggle { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDAzNzgwIiBkPSJNMjMzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDBsMTkyIDE5MmMxMi41IDEyLjUgMTIuNSAzMi44IDAgNDUuM3MtMzIuOCAxMi41LTQ1LjMgMEwyNTYgMTczLjMgODYuNiAzNDIuNmMtMTIuNSAxMi41LTMyLjggMTIuNS00NS4zIDBzLTEyLjUtMzIuOCAwLTQ1LjNsMTkyLTE5MnoiLz48L3N2Zz4='); } #sidebar-menu .sub-menu .current_page_ancestor > .toggle.active { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMDAzNzgwIiBkPSJNMjMzLjQgNDA2LjZjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBsMTkyLTE5MmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM3MtMzIuOC0xMi41LTQ1LjMgMEwyNTYgMzM4LjcgODYuNiAxNjkuNGMtMTIuNS0xMi41LTMyLjgtMTIuNS00NS4zIDBzLTEyLjUgMzIuOCAwIDQ1LjNsMTkyIDE5MnoiLz48L3N2Zz4='); } #sidebar-menu .sub-menu .sub-menu { display: none; } #sidebar-menu .current_page_ancestor > .sub-menu { display: block; } .member-resources-menu #sidebar-menu > li > a, .member-resources-menu #sidebar-menu > li > ul > li:not(.member-resources) { display: none; } .member-resources-menu #sidebar-menu > li > .sub-menu { padding-top: 0; } @media (min-width: 1024px) { #secondary { border-left: 2px solid var(--sgs-color-light-gray); padding-left: 45px; width: 365px; } } /*= Sidebar Post -------------------------------------------------------------*/ #secondary.sidebar-post .widget { margin-top: 100px; } #secondary.sidebar-post .widget:first-of-type { margin-top: 0; } #secondary.sidebar-post .widget-title, #secondary.sidebar-tribe_events .widget-title { border-bottom: 2px solid var(--sgs-color-light-gray); font: 700 18px/1.333 var(--sgs-sans-serif); letter-spacing: 1.8px; /* margin-bottom: 25px; */ margin-bottom: 15px; /* padding: 5px 0; */ padding: 3px 0; text-transform: uppercase; } #secondary.sidebar-post .widget ul { list-style-type: none; margin-left: 0; padding-left: 0; } #secondary.sidebar-post .widget li { margin-bottom: 10px; } #secondary.sidebar-post .widget a { color: var(--sgs-color-black); text-decoration: none; } #secondary.sidebar-post .widget a:active, #secondary.sidebar-post .widget a:focus, #secondary.sidebar-post .widget a:hover { text-decoration: underline; } /*= Sidebar Tribe Events -----------------------------------------------------*/ /*= Search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ .sgs-post-pagination { display: flex; align-items: center; justify-content: center; text-align: center; } .sgs-post-pagination a, .sgs-post-pagination span { font-size: 20px; padding: 4px 8px; text-decoration: none; } /*= FOOTER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ #footer { color: #fff; padding: 30px; } .footer-content { display: flex; flex-wrap: wrap; max-width: 1440px; margin-right: auto; margin-left: auto; position: relative; } .footer-column { flex: 0 0 auto; width: 25%; } #footer a { color: #fff; text-decoration: none; text-transform: uppercase; } #footer a:active, #footer a:focus, #footer a:hover { opacity: 0.8; } #footer ul { list-style-type: none; margin-bottom: 0; margin-left: 0; padding-left: 0; } #footer .widget_media_image img { display: block; margin-right: auto; margin-left: auto; } #footer img { opacity: 0; } #footer img.processed { opacity: 1; } #footer .widget-title { color: #fff; font: 700 18px/1.333 var(--sgs-sans-serif); letter-spacing: 1.8px; text-transform: uppercase; } #footer .NewsletterWidget .textwidget { border: none!important; padding: 0!important; } #footer .NewsletterWidget form { display: flex; flex-wrap: wrap; } #footer .NewsletterWidget form br { display: none; } #footer .NewsletterWidget input { flex: 0 0 auto; width: 100%!important; } #footer .NewsletterWidget input[type="submit"] { -webkit-appearance: none; background: var(--sgs-color-orange); border: none; color: #fff; cursor: pointer; font-family: var(--sgs-sans-serif); font-weight: 700; letter-spacing: 1.1px; margin-top: 10px; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 1024px) { #footer-2 .widget:last-child { margin-bottom: 0; } #footer-4 { position: absolute; top: 80px; right: 0; width: 50%; z-index: 10; } } @media (max-width: 1024px) { .footer-column { width: 100%; } } #socket { flex: 0 0 auto; width: 100%; } #socket .widget, #socket .widget p { margin-bottom: 0; } #socket .widget > *:not(div), #socket .textwidget > * { font-size: 80%; } #socket a { text-transform: none; text-decoration: underline; } /* FREDERICK CHANGES */ /* Blog article changes for "Best Books" article */ .sgs-content .image-column .wp-block-image.size-full img, .sgs-content .image-column .wp-block-image.size-medium img { border-radius: 0; } .single-post .wp-block-pullquote:before { display: none; } /* Blog article changes for more readability */ @media (min-width: 1024px) { body:not(.page-sidebar-none).single-post #primary .entry-content>* { max-width: 800px; } body:not(.page-sidebar-none).single-post #primary .entry-content, body:not(.page-sidebar-none).single-post #primary .entry-content p { font-size: 19px; } body:not(.page-sidebar-none).single-post #primary .entry-content .wp-block-quote { margin-top: -30px; margin-bottom: 120px; } body:not(.page-sidebar-none).single-post #primary .entry-content .wp-block-quote p { font-size: 24px; } } /* Entry author bio section for blog articles */ .entry-author-bio { font-size: .9em; line-height: 1.5; float: none; clear: both; border-top: 1px #003780 solid; border-bottom: 1px #003780 solid; padding-top: 90px; padding-bottom: 90px; overflow: auto; } .entry-author-bio img { border-radius: 50%; float: left; margin-right: 20px; margin-bottom: 20px; max-width: 130px; } .entry-author-bio h2, .entry-author-bio h2:not(:first-child) { font-size: 24px; clear: none; margin-top: 0; } /* FREDERICK CHANGES ORIGINALLY IN WP CUSTOMIZER - ported 5/6/2023 */ /* Hack to get Recorded course notice onto pages .tribe_events_cat-open-enrollment .tribe-events-single-event-description:before { content: "Explore this recorded Shambhala Online course at your own pace."; font-size: 1.2em; font-style: italic; } */ /* CSS classes to reduce margins as needed */ .nearby { margin: 0; } .nearby-top { margin-top: -80px; } .nearby-bottom { margin-bottom: -80px; } /* Center locations */ .single-tribe_events .tribe-organizer { font-style: italic; font-size: 1.2em; margin-left: 0; } /* .single-tribe_events .tribe-organizer:before { content: "Location: "; } */ /* Heart Gifts */ #smart-button-container label { display: block; font-size: 1.075em; } #smart-button-container #description { min-width: 360px; } #smart-button-container #description, #smart-button-container #amount { border: 2px #f56600 solid; background: #fff; color: #444; padding: 0.5rem; font-size: 1.075em; } #smart-button-container > p { margin: 0; } /* Event blockquotes */ .tribe-events-content blockquote, .tribe-events-content blockquote p { font-size: 1.075em; } .tribe-events-content blockquote:before, .tribe-events-content blockquote:after { content: ""; } #gform_fields_7 .gfield { margin-top: 40px; } input[type=submit].gform_button { -webkit-appearance: none; background: #f56600; border: none; color: #fff; cursor: pointer; font-family: var(--sgs-sans-serif); font-weight: 700; letter-spacing: 1.1px; margin-top: 10px; text-transform: uppercase; } .wp-block-embed.aligncenter.shambhala-online-archive iframe { width: 100%; min-height: 400px; } article.type-post .entry-content > .entry-author { margin-top: 0; margin-bottom: 0; } article.type-post .entry-content > .entry-author + p { margin-top: 30px; } /* "Request a Discount" font change */ .request-discount, .request-discount p { font-size: 22px; line-height: 1.35; } /* HACKS; DO NOT MOVE */ /* Hack to hide date from recorded courses */ .page-recorded-courses .post-date, .tribe_events_cat-open-enrollment .post-date { display: none; } .page-recorded-courses h6.post-categories { display: none; } /* Hacks to change "History" page and nav name (difficult in plugin, to clean up post-launch) */ .page-id-40274 h1 { visibility: hidden; } .page-id-40274 h1:after { content: "My Courses, Programs, and Retreats"; visibility: visible; display: block; } /* add text on discount page */ /* .page-id-231370 .sgs-members-only p:first-of-type:before { */ .page-id-231370 .sgs-members-only .MemberWidget:before { content: "For technical reasons, the discount request requires Shambhala Account. Please log in or create your account using the link below the form."; visibility: visible; display: block; } #memberwidget-3 > p:nth-child(3) a { visibility: hidden; } #memberwidget-3 > p:nth-child(3) a:after { content: "My Courses and Programs"; visibility: visible; display: block; } /* Hack to hide commas that are appearing on teacher buttons area, to clean up after launch */ .wp-block-column.teacher-column { font-size: 0; } .wp-block-column.teacher-column .teacher { font-size: initial; } /* Cursor for login form */ .login_form input { cursor: pointer; } /* NEXTGen Gallery modifications (for Rigden thangkas) */ html .sl-wrapper .sl-image .sl-caption { display: none !important; } html .ngg-imagebrowser.default-view img { max-height: 100vh; } /* Post author styling on main blog page */ .blog-description p { font-style: italic; } /* Post author styling on main blog page */ .page .wp-block-sgs-post-grid .post-author { margin: .5rem 0 0 0; } .page .wp-block-sgs-post-grid .post-author:before { content: "By "; } /* FREDERICK WORKS IN PROCESS */ /* Making program "REGISTER" sidebar nontransparent, still needs work */ #secondary.sidebar-tribe_events { background: #fff; } /* Paweł fixes */ .request-discount { margin:20px 0 0 0; } /* styling for Register now button in the content of an event description */ .register-link { border: 2px solid #141827 !important; width: 50%; padding: 0 4%; text-align: center; } .register-link {border: 2px solid #141827 !important; width:50%;padding:0 10%; margin-top: 60px;margin-bottom: 30px} .register-link a{color:#f56600; text-transform:uppercase; font:700 18px/1.333 'GandhiSans', sans-serif; letter-spacing:1.8px; padding: .667em 1.333em; text-decoration:none; border-bottom:0px;} .register-link:hover {background-color:#f56600 ;} .register-link a:hover {color:#fff;} p + .register-link { display:none; } /* fix search results and hide sidebar on this page */ .page-id-224051 .label_container{ padding: -1px;} .page-id-224051 #secondary {display:none;} .select2-container--open .select2-dropdown {min-width: 130px;} /* to force rounded images on PE pages*/ .wp-block-image.is-style-rounded img{ border-radius:9999px !important} /* request link on the sidebar*/ .side-discount-link{ margin:20px 0 0 0; } /* fix for registration form when logged in */ body.logged-in.page-registration div.content-wrapper {display:block;} .footer-list-links li a { text-decoration: none; } .footer-list-links li a:hover, .footer-list-links li a:focus { text-decoration: underline; } .list-style-none { list-style: none; } .text-uppercase { text-transform: uppercase; } /* fixes added to dev2 website in April 2024 */ /* single event page */ .register-link { padding: 0 !important;} .tribe-events-content { padding-right:40px; } .organizer { font-size: 80%; } #paypal_button:hover { cursor: pointer; } .wp-container-core-group-is-layout-2{ justify-content:center; } .wp-block-button:where(.is-style-outline)>.wp-block-button__link{ border:2px solid; padding: .667em 1.333em } .wp-block-button__link {display:inline-block; cursor:pointer; text-align:center;} /* backgroung for sgs-mailing-list block */ .sgs-mailing-list-join { padding: 90px; /* background-image: url(https://shambhala.org/files/2024/03/shambhala_gold_strip_large_trimmed.png); */ /* background-image: url('assets/images/shambhala_gold_strip_large_trimmed.png');*/ background-size: cover; background-position: center; } .page-login-form { display: flex; justify-content: center; margin-block-start: 30px !important; margin-block-end: 30px !important; min-height: 30rem; overflow:visible !important } .yoast-seo-sidebar-panel, mapp-document-panel{ display:none; } /* some styles from dev2 customizer*/ p.site-description { font-family: var(--sgs-title); letter-spacing: 2px; text-transform: uppercase; font-weight: 700; font-size: 1.1em; /* color: var(--sgs-color-orange); color: var(--sgs-color-gray); /*color: #0055a5; color: #345f99; */ color: var(--sgs-color-blue); } p.site-description { position: relative; display: inline-block; line-height: 1; } p.site-description:before { content: ""; background: #345f99; width: 35px; height: 1px; top: calc( 1em/2 - 1px ); left: -45px; position: absolute; } p.site-description:after { content: ""; background: #345f99; width: 35px; height: 1px; top: calc( 1em/2 - 1px ); right: -45px; position: absolute; } nav.is-responsive .wp-block-navigation-item__content{ /* color: #888 !important; */ color: #555 !important; font-weight: 700 !important; letter-spacing: 1px; font-size: 14px; padding: 10px; text-transform: uppercase; line-height: 1.71; opacity:0.8; font: 14px var(--sgs-sans-serif) } .wp-block-navigation-item__content:hover{ text-decoration:none; } .header-main-nav.wp-block-navigation{border:none !important} #page, footer { margin-top:0; margin-bottom:0 } /* fix for page templates: calendar, registration, single event */ .wp-block-search__label{width: auto !important;} @media screen and (min-width: 1024px) { body.single-event .is-nowrap, body.page-calendar .is-nowrap, body.page-registration .is-nowrap {flex-wrap:nowrap !important;}} body.single-event header .wp-block-cover, body.page-calendar header .wp-block-cover, body.page-registration header .wp-block-cover {min-height:unset !important; overflow: unset !important;} body.page-calendar div#content, body.page-calendar main{ margin-block-start: 0;} body.page-calendar .calendar-block {padding: 1em;} /* move single-event sidebar to the bottom on small screens */ @media screen and (max-width: 1023px) { .static-sidebar { position: static; top: auto; } } /* fix for mobile navigation */ div#modal-3-content > ul.wp-block-navigation__container{ padding: 0 2rem; } /* Fredrick's CSS from the WP customizer moved just before cloning 5/24/2024 */ /* Header */ .header-above-menu-columns .wp-block-button__link { font-size: 14px !important; } .header-above-menu-columns .header-link { font-size: 14px; } @media (min-width: 768px) { html .header-above-menu-columns .wp-block-buttons { width: unset; } } /* Header search form */ header .wp-block-search .wp-block-search__input { border: 0; width: 108px; } header .wp-block-search .wp-block-search__inside-wrapper { border-color: #c4c3ba; } header .wp-block-search .wp-block-search__button { margin-left: 0; padding: 3px 6px; background: #d0cfc8; } header .wp-block-search :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { padding: 0; } /* Translation dropdown */ select[name="lang"] { padding: 5px; color: #666; } /* Blog search field and archives dropdowns */ .entry-content .wp-block-search__input { padding: 10px; } .wp-block-archives-dropdown select, .wp-block-categories-dropdown select { padding: 10px; width: 100%; } /* Navigation */ html .wp-block-navigation .wp-block-navigation-item { background-color: transparent; } ul.wp-block-navigation__container.has-background { padding-top: 0; } nav + div.wp-block-group.alignfull { margin-top: 0; } /* Subnavs being fully opaque */ .site-header-cover { z-index: 3; padding: 0; } /* Cover styling fix */ .wp-block-cover, .wp-block-cover-image { min-height: unset; overflow: unset; } /* Cover and blocks no default margin */ :where(body .is-layout-constrained) > * { margin-block-start: 0; } /* Fix for homepage block buttons */ .entry-content .wp-block-cover .has-sgs-color-white-color a:not(.wp-block-button__link) { color: var(--wp--preset--color--sgs-color-white); text-decoration: none; } /* Round blog avatars */ .wp-block-post-author__avatar img { border-radius: 50%; } /* Blog comments button */ .wp-block-post-comments-form .wp-block-button:not(.is-style-outline) .wp-block-button__link { color: var(--wp--preset--color--sgs-color-green); background: var(--wp--preset--color--sgs-color-white); } .wp-block-post-comments-form .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-post-comments-form .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color):hover { background: var(--wp--preset--color--sgs-color-green) !important; border-color: var(--wp--preset--color--sgs-color-green); } /* Icons on mobile */ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { text-align: center; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media img { max-width: 33%; margin-left: auto; margin-right: auto; } } /* Mobile fix for featured images */ @media (max-width: 1023px) { .sgs-content.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .wp-block-image, .sgs-content-featured.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column .wp-block-image { float: none; margin-inline-start: 0; } } /* Homepage slider */ html .slide-event-bar-top, html .slide-event-bar-bottom { background: yellow; /* background-image: url(https://dev2-portland.shambhala.org/files/2024/04/shambhala_gold_strip.png); */ background-image: url('assets/images/shambhala_gold_strip.png'); background-repeat: repeat-x; opacity: 1; } html .slide-event-bar-bottom { margin-top: 228px; } /* About Us page Team fixes */ .wp-block-media-text img { border-radius: 50%; } .wp-block-media-text h3 { margin-bottom: .4em; } /* Membership page */ .entry-content .wp-block-pullquote + .wp-block-pullquote { border-top: 0; padding-top: 0; } /* Member login form fix */ .logged-in .page-login-form { min-height: 0; } /* Registration page styling */ .page-registration .entry-content { max-width: var(--wp--style--global--wide-size); margin: 0 auto 60px auto; } /* Calendar styling */ html .ec-events { margin: 0; padding: 4px; } html .ec-event { background: var(--wp--preset--color--sgs-color-light-gray) !important; background: unset !important; width: 100% !important; margin: 0 0 4px 0; padding: 3px; line-height: 1; box-shadow: none; } html .ec-event-title { line-height: .85; } /* Pullquote no border-radius */ .content-column .wp-block-pullquote, .entry-content .wp-block-pullquote { border-radius: 0; } /* Block buttons */ body .wp-block-buttons.is-layout-flex { display: flex; } /* Footer mailing list join no standard padding */ html .sgs-mailing-list-join { padding: 0; } /* Footer no top margin */ #content + .wp-block-group { margin-top: 0; } /* 2/28/24 */ /* Better header button color */ header .wp-block-search .wp-block-search__button { background: var(--wp--preset--color--sgs-color-light-gray) !important; border-left: 1px #c4c3ba solid; } header .wp-block-search__input::placeholder { color: #888; } html select[name=lang] { color: #888; } .wp-block-search__button svg { fill: #bbb !important; } .wp-block-search__button:hover svg { fill: #888; } /* Registration page */ html .page-registration .entry-content { max-width: var(--wp--style--global--content-size); } /* Spanish buttons don't break mobile */ @media (min-width:782px) { input[type=submit].gform_button { white-space: normal; } } /* END of Fredrick's CSS from the WP customizer moved just before cloning 5/24/2024 */ /*fix for splide active slide date color*/ /* li.is-active .slide-event-date h1 { color: #14367f !important; } */ .paypal{ padding: 0 0 40px 0; } #tribe-events-subscribe-dropdown-content{ padding: 40px 0 0 0; } /* 7/24/2024 */ /* Spacing between h5s and h2s */ .is-layout-flow > h5:first-child:has(+ h2), .is-layout-flow > h5:has(+h2), .is-layout-constrained > h5:has(+ h2), * > h5:has(+ h2) { margin-bottom: 10px; } /* events - single day dates */ .days {line-height: 80%;} /* fix for timeline slider */ @media (min-width:782px) { .sgs-blocks-2024-timeline-main-carousel{ padding: 0 125px !important; } .carousel-cell .carousel-cell-inner { width: 79% !important;} .flickity-slider{ width: 63% !important; } .carousel-cell .carousel-cell-inner .sgs-blocks-timeline-txt-wrapper h4.sgs-blocks-timeline-item-title { padding: 126px 0 0 5px !important; } } /* fix for slider golden top-bar display*/ .onslide-content { position: absolute; top: 0; left: 0; right:0; color: #fff; } .hide-group{ display:none; } /* fix for yellow brocade divides the centers map listings*/ .center-item:after { background: none !important; } /* disable confusing sidebar debug */ #wp-admin-bar-cs-explain{ display: none; } /* styles for events/calendar filters */ :not(.calendar-block.alignwide) .filters-column { min-width: 181px; } :not(.calendar-block.alignwide) .filters-column > label { display: block; font-size: 14px; } :not(.calendar-block.alignwide) .filters-column .filters-block { position: sticky; top: 50px; padding: 24px 4px; margin-top: 18px; border-radius: 0.25rem; } :not(.calendar-block.alignwide) .filters-column .filterBlockTitle { color: #003780; font-size: 16px; display: block; font-family: var(--sgs-sans-serif); font-weight: 400; line-height: 1.1; } :not(.calendar-block.alignwide) .filters-column .filterBlockTitle h4 { margin-bottom: 10px; font-size: 18px; } :not(.calendar-block.alignwide) .filters-column .filters-block select { width: 100%; border-radius: 0.25rem; } :not(.calendar-block.alignwide) .filters-column input[type="checkbox"] { display: none; } :not(.calendar-block.alignwide) .events-list-wrapper .filters-column .wp-block-button { /* display: inline-block; */ margin: 5px; } :not(.calendar-block.alignwide) .filters-column input[type="checkbox"]:checked + .wp-block-button__link1 { background-color: var(--wp--preset--color--sgs-color-blue); color: var(--wp--preset--color--sgs-color-white); border: 2px solid var(--wp--preset--color--sgs-color-blue); } :not(.calendar-block.alignwide) .filters-column .wp-block-button__link1:hover { background-color: var(--wp--preset--color--sgs-color-light-gray); /* color: var(--wp--preset--color--sgs-color-white); */ /* border: 2px solid var(--wp--preset--color--sgs-color-blue); */ } :not(.calendar-block.alignwide) .filters-column .wp-block-button__link1 { display: block; padding: 3px 10px; background-color: var(--wp--preset--color--sgs-color-white); color: var(--wp--preset--color--sgs-color-blue); text-align: center; text-decoration: none; border: 1px solid var(--wp--preset--color--sgs-color-blue) !important; border-radius: 5px; transition: background-color 0.1s, color 0.1s; text-transform: lowercase; font-size: medium; font-weight: 500; } :not(.calendar-block.alignwide) .filters-column .wp-block-button__link1::first-letter { text-transform: uppercase; } :not(.calendar-block.alignwide) .filters { text-transform: lowercase; font-size: 14px; } :not(.calendar-block.alignwide) .filters::first-letter { text-transform: uppercase; } :not(.calendar-block.alignwide) .filter-type { margin-bottom: 20px; } .events-list-wrapper{ margin-right: 50px;} /* tweaks for asked by Rachel 21 Feb 2025 */ .gform_wrapper.gravity-theme .gfield_required { color: #f56600; } .gform_footer .gform_button { border-radius: 50px; } /* tweaks for truncated logo on mobile */ @media (max-width: 782px) { .single-event .wp-site-blocks, .page-calendar .wp-site-blocks{ padding-top: 25px !important;}; } /* tweaks for the custom headers missing alignment */ .is-content-justification-center{ justify-content:center; } /* tweak for not visible last element in the timeline slider */ @media (min-width: 782px) { .flickity-slider { width: 78% !important; } }