.ct-section { width:100%; background-size:cover; background-repeat:repeat; } .ct-section>.ct-section-inner-wrap { display:flex; flex-direction:column; align-items:flex-start; } .ct-div-block { display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .ct-new-columns { display:flex; width:100%; flex-direction:row; align-items:stretch; justify-content:center; flex-wrap:wrap; } .ct-link-text { display:inline-block; } .ct-link { display:flex; flex-wrap:wrap; text-align:center; text-decoration:none; flex-direction:column; align-items:center; justify-content:center; } .ct-link-button { display:inline-block; text-align:center; text-decoration:none; } .ct-link-button { background-color: #1e73be; border: 1px solid #1e73be; color: #ffffff; padding: 10px 16px; } .ct-image { max-width:100%; } .ct-fancy-icon>svg { width:55px;height:55px;} .ct-inner-content { width:100%; } .ct-slide { display:flex; flex-wrap:wrap; text-align:center; flex-direction:column; align-items:center; justify-content:center; } .ct-nestable-shortcode { display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-comments { width:100%; text-align:left; } .oxy-comment-form { width:100%; } .oxy-login-form { width:100%; } .oxy-search-form { width:100%; } .oxy-tabs-contents { display:flex; width:100%; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-tab { display:flex; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-tab-content { display:flex; width:100%; flex-wrap:nowrap; flex-direction:column; align-items:flex-start; } .oxy-testimonial { width:100%; } .oxy-icon-box { width:100%; } .oxy-pricing-box { width:100%; } .oxy-posts-grid { width:100%; } .oxy-gallery { width:100%; } .ct-slider { width:100%; } .oxy-tabs { display:flex; flex-wrap:nowrap; flex-direction:row; align-items:stretch; } .ct-modal { flex-direction:column; align-items:flex-start; } .ct-span { display:inline-block; text-decoration:inherit; } .ct-widget { width:100%; } .oxy-dynamic-list { width:100%; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ct-div-block, .oxy-post-content, .ct-text-block, .ct-headline, .oxy-rich-text, .ct-link-text { max-width: 100%; } img { flex-shrink: 0; } body * { min-height: 1px; } } .oxy-testimonial { flex-direction: row; align-items: center; } .oxy-testimonial .oxy-testimonial-photo-wrap { order: 1; } .oxy-testimonial .oxy-testimonial-photo { width: 125px; height: 125px; margin-right: 20px; } .oxy-testimonial .oxy-testimonial-photo-wrap, .oxy-testimonial .oxy-testimonial-author-wrap, .oxy-testimonial .oxy-testimonial-content-wrap { align-items: flex-start; text-align: left; } .oxy-testimonial .oxy-testimonial-text { margin-bottom:8px;font-size: 21px; line-height: 1.4; -webkit-font-smoothing: subpixel-antialiased; } .oxy-testimonial .oxy-testimonial-author { font-size: 18px; -webkit-font-smoothing: subpixel-antialiased; } .oxy-testimonial .oxy-testimonial-author-info { font-size: 12px; -webkit-font-smoothing: subpixel-antialiased; } .oxy-icon-box { text-align: left; flex-direction: column; } .oxy-icon-box .oxy-icon-box-icon { margin-bottom: 12px; align-self: flex-start; } .oxy-icon-box .oxy-icon-box-heading { font-size: 21px; margin-bottom: 12px; } .oxy-icon-box .oxy-icon-box-text { font-size: 16px; margin-bottom: 12px;align-self: flex-start; } .oxy-icon-box .oxy-icon-box-link { margin-top: 20px; } /* GLOBALS */ .oxy-pricing-box .oxy-pricing-box-section { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; text-align: center; } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price { justify-content: center; } /* IMAGE */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic { justify-content: center; } /* TITLE */ .oxy-pricing-box .oxy-pricing-box-title-title { font-size: 48px; } .oxy-pricing-box .oxy-pricing-box-title-subtitle { font-size: 24px; } /* PRICE */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price { flex-direction: row; } .oxy-pricing-box .oxy-pricing-box-currency { font-size: 28px; } .oxy-pricing-box .oxy-pricing-box-amount-main { font-size: 80px; line-height: 0.7; } .oxy-pricing-box .oxy-pricing-box-amount-decimal { font-size: 13px; } .oxy-pricing-box .oxy-pricing-box-term { font-size: 16px; } .oxy-pricing-box .oxy-pricing-box-sale-price { font-size: 12px; color: rgba(0,0,0,0.5); margin-bottom: 20px; } /* CONTENT */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content { font-size: 16px; color: rgba(0,0,0,0.5); } /* CTA */ .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta { justify-content: center; } .oxy-progress-bar .oxy-progress-bar-background { background-color: #000000; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); animation: none 0s paused; } .oxy-progress-bar .oxy-progress-bar-progress-wrap { width: 85%; } .oxy-progress-bar .oxy-progress-bar-progress { background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); } .oxy-progress-bar .oxy-progress-bar-overlay-text { font-size: 30px; font-weight: 900; -webkit-font-smoothing: subpixel-antialiased; } .oxy-progress-bar .oxy-progress-bar-overlay-percent { font-size: 12px; } .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide { padding: 0px; } .oxy-superbox .oxy-superbox-secondary, .oxy-superbox .oxy-superbox-primary { transition-duration: 0.5s; } .oxy-shape-divider { width: 0px; height: 0px; } .oxy_shape_divider svg { width: 100%; } .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{ box-shadow:px px px px ;} .oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{ transition-duration:0.4s; } .oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{ margin-left:0px; } .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{ width:30px; height:30px; } .oxy-pro-menu .oxy-pro-menu-mobile-open-icon{ padding-top:15px; padding-right:15px; padding-bottom:15px; padding-left:15px; } .oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{ transition-duration:0.4s; } .oxy-pro-menu .oxy-pro-menu-mobile-close-icon{ top:20px; left:20px; } .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{ width:24px; height:24px; } .oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{ transition-duration:0.4s; } .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{ background-color:#ffffff; } .oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{ background-image:url(); } .oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{ font-size:24px; } .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{ background-color:rgba(0,0,0,0.2); border-top-style:solid; } .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{ flex-direction: row; } .oxy-pro-menu .oxy-pro-menu-container .menu-item a{ text-align: left; justify-content: flex-start; } .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{ align-items: flex-start; } .oxy-pro-menu .oxy-pro-menu-off-canvas-container{ top: 0; bottom: 0; right: auto; left: 0; } .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{ text-align: left; justify-content: flex-start; } .oxy-site-navigation { --oxynav-brand-color:#4831B0; --oxynav-neutral-color:#FFFFFF; --oxynav-activehover-color:#EFEDF4; --oxynav-background-color:#4831B0; --oxynav-border-radius:0px; --oxynav-other-spacing:8px; --oxynav-transition-duration:0.3s; --oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93); } .oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{ text-align:left; } .oxy-site-navigation > ul{ left: 0; } .oxy-site-navigation { --oxynav-animation-name: none; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ background-color: var(--oxynav-brand-color); transition: var(--oxynav-transition-duration); margin-left: var(--oxynav-other-spacing); border: none; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ background: transparent; border: 1px solid currentColor; transition: var(--oxynav-transition-duration); margin-left: var(--oxynav-other-spacing); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{ filter: invert(0) !important; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{ background-color: var(--oxynav-activehover-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{ color: var(--oxynav-neutral-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{ color: var(--oxynav-neutral-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{ color: var(--oxynav-brand-color); } .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{ display: none; } .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{ display: none; } .ct-section-inner-wrap, .oxy-header-container{ max-width: 1400px; } body {font-family: 'Open Sans';}body {line-height: 1.4;font-size: var(--fs0) ;font-weight: 500;color: #282828;}.oxy-nav-menu-hamburger-line {background-color: #282828;}h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat';font-size: var(--fs1) ;font-weight: 500;line-height: 1.2;}h2, h3, h4, h5, h6{font-size: var(--fs2) ;}h3, h4, h5, h6{font-size: var(--fs3) ;}h4, h5, h6{font-size: var(--fs4) ;}h5, h6{font-size: var(--fs5) ;}h6{font-size: var(--fs6) ;}a {color: #8b3a19;text-decoration: none;}.ct-link-text {color: #8b3a19;text-decoration: none;}.ct-link-text:hover {color: #4f4f4f;text-decoration: none;}.ct-link {color: #282828;text-decoration: none;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap { padding-top: var(--sect-tb) ; padding-right: var(--gutters) ; padding-bottom: var(--sect-tb) ; padding-left: var(--gutters) ; }.ct-new-columns > .ct-div-block { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }.oxy-header-container { padding-right: var(--gutters) ; padding-left: var(--gutters) ; }@media (max-width: 992px) { .ct-columns-inner-wrap { display: block !important; } .ct-columns-inner-wrap:after { display: table; clear: both; content: ""; } .ct-column { width: 100% !important; margin: 0 !important; } .ct-columns-inner-wrap { margin: 0 !important; } } .aew-toc-container { } .content-title-button__main { } .sa-btn:locked{ } .sa-btn { border-radius:var(--bdr-rad-sm) ; transition-duration:.3s; } .sa-btn__sm:locked{ } .sa-btn__sm { padding-top:var(--p-sm) ; padding-right:var(--p-lg) ; padding-bottom:var(--p-sm) ; padding-left:var(--p-lg) ; font-size:var(--fs6) ; } .sa-btn__4:hover{ background-color:#8b3a19; border-top-color:#ffffff; border-right-color:#ffffff; border-bottom-color:#ffffff; border-left-color:#ffffff; } .sa-btn__4:locked{ } .sa-btn__4 { background-color:#282828; color:#ffffff; transition-duration:,3s; border-top-color:#282828; border-right-color:#282828; border-bottom-color:#282828; border-left-color:#282828; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-width:3px; border-right-width:3px; border-bottom-width:3px; border-left-width:3px; } .grd:locked{ } .grd { } .glb-div-container__bg:locked{ } .glb-div-container__bg { } .sa-featured:locked{ } .sa-featured { } .sa-tile-heading:locked{ } .sa-tile-heading { } .tiles-middle:locked{ } .tiles-middle { } .glb-div-container:locked{ } .glb-div-container { border-radius:var(--bdr-rad-sm) ; } .grd-1-3:locked{ } .grd-1-3 { } .sa-post-header:locked{ } .sa-post-header { } .eq-h:locked{ } .eq-h { } .brk-sm:locked{ } .brk-sm { } .tile__content:locked{ } .tile__content { } .flx:locked{ } .flx { } .tile__title:locked{ } .tile__title { } .grow:locked{ } .grow { } .p-2-4:locked{ } .p-2-4 { } .tile__date:locked{ } .tile__date { } .p-4-1:locked{ } .p-4-1 { } .tile__tax:locked{ } .tile__tax { } .gap:locked{ } .gap { } .tiles-centre:locked{ } .tiles-centre { } .gap-md:locked{ } .gap-md { } .sa-news-container:locked{ } .sa-news-container { } .tile__button:locked{ } .tile__button { } .sa-btn__1:hover{ background-color:#1a1a1a; } .sa-btn__1:locked{ } .sa-btn__1 { background-color:#8b3a19; color:#ffffff; transition-duration:.3s; } .sa-pillar-column:locked{ } .sa-pillar-column { } .sa-pillar-tile:locked{ } .sa-pillar-tile { } .title { transition-duration:.3s; color:#282828; } .sa-icon { color: #282828;}.sa-icon >svg {width: 30px;height: 30px;}.sa-icon { transition-duration:.3s; } .grd-2-3:locked{ } .grd-2-3 { } .t-vgap:locked{ } .t-vgap { } .full-span:locked{ } .full-span { } .tta-map-text:locked{ } .tta-map-text { } .sa-body:locked{ } .sa-body { } .sa-modal-header:locked{ } .sa-modal-header { } .sa-modal-title { margin-bottom:19px; } .oxy-close-modal { } .sa-modal-image { } .sa-modal-details:locked{ } .sa-modal-details { width:100%; } .glb-p-sm:locked{ } .glb-p-sm { } .sa-modal-date { font-weight:500; } .grd-2 { } .gap-sm:locked{ } .gap-sm { } .sa-modal-time:locked{ } .sa-modal-time { font-weight:500; text-transform:uppercase; } .sa-modal-finish:locked{ } .sa-modal-finish { font-weight:500; text-transform:uppercase; } .sa-modal-location { font-size:var(--fs-1) ; font-weight:500; color:#ffffff; padding-left:15px; padding-right:15px; background-color:#8b3a19; } .sa-modal-type { font-size:var(--fs0) ; font-weight:500; color:#ffffff; padding-left:15px; padding-right:15px; background-color:#707070; } .sa-modal-description { font-size:var(--fs-1) ; } .sa-office-list:locked{ } .sa-office-list { } .tile:locked{ } .tile { } .no-gap:locked{ } .no-gap { } .glb-p-lg:locked{ } .glb-p-lg { } .event-modal:locked{ } .event-modal { } .rtb-modal-title { } .rtb-modal-image { } .rtb-modal-details { } .rtb-modal-date { } .rtb-modal-time { } .rtb-modal-type { } .rtb-modal-description { } .rtb-modal-socials { } .sa-page-heading:locked{ } .sa-page-heading { } .sa-page-heading:not(.ct-section):not(.oxy-easy-posts), .sa-page-heading.oxy-easy-posts .oxy-posts, .sa-page-heading.ct-section .ct-section-inner-wrap{ display:flex; } .pillar-resources:locked{ } .pillar-resources { } .row-gap-sm:locked{ } .row-gap-sm { } .icon:locked{ } .icon { color: #333333;}.icon >svg {width: 16px;height: 16px;}.icon { margin-right:8px; } .sa-office-tiles:locked{ } .sa-office-tiles { } .grd-2-1:locked{ } .grd-2-1 { } .brk-xl:locked{ } .brk-xl { } .tile__details:locked{ } .tile__details { } .tile__text:locked{ } .tile__text { } .oxel-breadcrumb-wrapper { width:max-content ; background-color:#9e9e9e; padding-left:15px; padding-right:15px; } .oxel-breadcrumb-code { width:100%; } .rud-slide-menu { width:100%; } .rud-slide-menu .oxy-slide-menu_dropdown-icon-click-area > svg{ transition-duration:.2s; } .rud-slide-menu .oxy-slide-menu_dropdown-icon-click-area{ padding-left:15px; padding-right:15px; padding-top:3px; padding-bottom:3px; } .rud-slide-menu .oxy-slide-menu_dropdown-icon-click-area:hover{ background-color:#e2007a; } .rud-slide-menu .oxy-slide-menu_dropdown-icon-click-area.oxy-slide-menu_open > svg{ transform:rotate(180deg); } .rud-slide-menu .oxy-slide-menu_list .menu-item a{ transition-duration:.3s; } .rud-slide-menu .oxy-slide-menu_list .menu-item a:hover{ color:#e2007a; } .rud-slide-menu .menu-item a{ text-decoration: none; } @media (max-width: 1400px) { } .hamm-footer-socials { } .hamm-footer-socials:not(.ct-section):not(.oxy-easy-posts), .hamm-footer-socials.oxy-easy-posts .oxy-posts, .hamm-footer-socials.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:flex-start; } @media (max-width: 991px) { .hamm-footer-socials { } } .rud-footer-social__icon:hover{ color: #e2007a;}.rud-footer-social__icon:hover{ cursor: pointer; } .rud-footer-social__icon { color: #203786;}.rud-footer-social__icon >svg {width: 24px;height: 24px;}.rud-footer-social__icon { margin-left:8px; margin-right:8px; transition-duration:.2s; } .rud-menu-search:locked{ } .rud-menu-search { margin-right:4px; } .rud-menu-search__icon:locked{ } .rud-menu-search__icon { } .rud-menu { } .rud-menu .oxy-pro-menu-list .menu-item a{ padding-top:10px; padding-bottom:10px; } .flx-4 { } .samples { } .abs { } .files-stretch { } .tiles-pt-25 { } .samples__inner { } .box-shadow-tiny:locked{ } .box-shadow-tiny { } .styles:locked{ } .styles { } .grd-4:locked{ } .grd-4 { } .flx-2-1:locked{ } .flx-2-1 { } .flx-2:locked{ } .flx-2 { } .grd-3:locked{ } .grd-3 { } .flx-3-2:locked{ } .flx-3-2 { } .flx-6:locked{ } .flx-6 { } .header-socials { } .header-socials:not(.ct-section):not(.oxy-easy-posts), .header-socials.oxy-easy-posts .oxy-posts, .header-socials.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; align-items:center; justify-content:flex-start; } @media (max-width: 991px) { .header-socials { } } .nav-social__icon:hover{ color: #212121;}.nav-social__icon:hover{ cursor: pointer; } .nav-social__icon { color: #5a5a5a;}.nav-social__icon >svg {width: 24px;height: 24px;}.nav-social__icon { margin-left:8px; margin-right:8px; transition-duration:.2s; } .tiles-stretch:locked{ } .tiles-stretch { } .oxy-slide-menu { } .main-header { width:100%; } .main-header__main-seal:locked{ } .main-header__main-seal { } .main-header__tasa-seal { position:absolute; top:0px; left:0px; max-width:250px; width:25vmin ; } .main-header__tasa-seal:not(.ct-section):not(.oxy-easy-posts), .main-header__tasa-seal.oxy-easy-posts .oxy-posts, .main-header__tasa-seal.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; justify-content:center; } .main-header__title { } .header-buttons { padding-top:8px; padding-bottom:8px; } .header-buttons:not(.ct-section):not(.oxy-easy-posts), .header-buttons.oxy-easy-posts .oxy-posts, .header-buttons.ct-section .ct-section-inner-wrap{ display:none; align-items:center; } .header-buttons__tile { padding-left:8px; padding-right:8px; } .tasa-button { border-radius:50px; padding-left:22px; padding-right:22px; padding-top:4px; padding-bottom:4px; transition-duration:.3s; } .bg-col1 { background-color:#e5e5e5; } .tasa-button1:hover{ background-color:#1a1a1a; } .tasa-button1 { background-color:#8b3a19; border-top-color:#e5e5e5; border-right-color:#e5e5e5; border-bottom-color:#e5e5e5; border-left-color:#e5e5e5; } .textured-bg1 { background-image:url(https://terraaustralisstatesassembly.net/ta01-as001/wp-content/uploads/sites/24/2024/09/asfalt-dark.png);background-size: auto; background-repeat:repeat; background-color:#707070; } .flx-3:locked{ } .flx-3 { } .tile__inner:locked{ } .tile__inner { } .assemblies-grid { } .oxy-stock-content-styles { } .title-section { } .title-section .ct-section-inner-wrap { padding-top: calc(var(--sect-tb) / 2) ; padding-bottom: calc(var(--sect-tb) / 2) ; } .box-shadow-filter { } .shadow-filter-tiny { filter: drop-shadow( 0 0 2px #987); } .grd-1-2:locked{ } .grd-1-2 { } .flx-1-2:locked{ } .flx-1-2 { } .grd-3-1:locked{ } .grd-3-1 { } .sa-agroup-container:locked{ } .sa-agroup-container { } .sa-agroup-heading { } .sa-bdr-rad:locked{ } .sa-bdr-rad { border-radius:var(--bdr-rad) ; } .sa-link__button { width:max-content ; padding-top:var(--p-xs) ; padding-right:var(--p) ; padding-bottom:var(--p-xs) ; padding-left:var(--p) ; background-color:#9e9e9e; border-top-color:#707070; border-right-color:#707070; border-bottom-color:#707070; border-left-color:#707070; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; min-width:8em; } .sa-bdr-rad__sm:locked{ } .sa-bdr-rad__sm { border-radius:var(--bdr-rad-sm) ; } .flx-1-3:locked{ } .flx-1-3 { } .flx-dyn-5 { } .vspace-md { } .brk-lg:locked{ } .brk-lg { } .tile__image:locked{ } .tile__image { } .tasa-offices:locked{ } .tasa-offices { } .main-header__region { } .sa-sub-heading:locked{ } .sa-sub-heading { } .sa-offices-container:locked{ } .sa-offices-container { } .tiles-end:locked{ } .tiles-end { } .body-w-md:locked{ } .body-w-md { width:100%; max-width:800px; } .sa-menu__mob { } .sa-news-list:locked{ } .sa-news-list { } .tile__link { } .item-heading:locked{ } .item-heading { } .sa-modal-socials { margin-bottom:23px; } .sa-modal-socials:not(.ct-section):not(.oxy-easy-posts), .sa-modal-socials.oxy-easy-posts .oxy-posts, .sa-modal-socials.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:column; align-items:center; } .sa-home-events-col:locked{ } .sa-home-events-col { } .sa-sub-heading__xl:locked{ } .sa-sub-heading__xl { } .no-row-gap:locked{ } .no-row-gap { } .sa-news-home-tile:locked{ } .sa-news-home-tile { } .sa-nav-logo:locked{ } .sa-nav-logo { width:14em; min-width:150px; } .sa-nav-logo:not(.ct-section):not(.oxy-easy-posts), .sa-nav-logo.oxy-easy-posts .oxy-posts, .sa-nav-logo.ct-section .ct-section-inner-wrap{ display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; justify-content:flex-start; } .p-xl { } .p-lg:locked{ } .p-lg { } .grd-dyn-sm:locked{ } .grd-dyn-sm { } .sa-news { } .p-3-5:locked{ } .p-3-5 { } .p-4-2:locked{ } .p-4-2 { } .p-sm:locked{ } .p-sm { } .p:locked{ } .p { } .tiles__tax { } .sa-news__tax:locked{ } .sa-news__tax { } .sa-recent__sm { } .sa-recent__lg:locked{ } .sa-recent__lg { } .t-p-sm:locked{ } .t-p-sm { } .sa-recent:locked{ } .sa-recent { } .t-p-4-2:locked{ } .t-p-4-2 { } .sa-btn__2:hover{ background-color:#1a1a1a; color:#ffffff; } .sa-btn__2:locked{ } .sa-btn__2 { background-color:#ffffff; color:#8b3a19; padding-top:var(--p-xs) ; padding-right:var(--p) ; padding-bottom:var(--p-xs) ; padding-left:var(--p) ; font-size:var(--fs0) ; border-top-color:#ffffff; border-right-color:#ffffff; border-bottom-color:#ffffff; border-left-color:#ffffff; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-radius:var(--bdr-rad-xs) ; } .sa-home-top:locked{ } .sa-home-top { } .t-rad-sm:locked{ } .t-rad-sm { } .p-4-5:locked{ } .p-4-5 { } .sa-tax-box:locked{ } .sa-tax-box { } .tap:locked{ } .tap { } .btn:locked{ } .btn { } .no-print:locked{ } .no-print { } .print-main:locked{ } .print-main { } .sa-btn__3:hover{ background-color:#9e9e9e; color:#ffffff; } .sa-btn__3:locked{ } .sa-btn__3 { background-color:rgba(255,255,255,0); color:#ffffff; padding-top:var(--p-xs) ; padding-right:var(--p) ; padding-bottom:var(--p-xs) ; padding-left:var(--p) ; font-size:var(--fs0) ; border-top-color:#ffffff; border-right-color:#ffffff; border-bottom-color:#ffffff; border-left-color:#ffffff; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-width:2px; border-right-width:2px; border-bottom-width:2px; border-left-width:2px; border-radius:var(--bdr-rad-xs) ; } .single-event:locked{ } .single-event { } .single-event__resources:locked{ } .single-event__resources { } .grd-1-4:locked{ } .grd-1-4 { } .single-event__header:locked{ } .single-event__header { } .txt-center:locked{ } .txt-center { } .sa-event:locked{ } .sa-event { } .p-1-2 { } .p-2-1:locked{ } .p-2-1 { } .t-vgap-xs:locked{ } .t-vgap-xs { } .p-5-3:locked{ } .p-5-3 { } .toc-content:locked{ } .toc-content { } .toc-section:locked{ } .toc-section { } .toc-hide:locked{ } .toc-hide { } .toc-container:locked{ } .toc-container { } .content-toc { } .gap-lg:locked{ } .gap-lg { } .grd-3-2:locked{ } .grd-3-2 { } .bdr-rad-xs:locked{ } .bdr-rad-xs { } .toc-title:locked{ } .toc-title { } .t-p-xl:locked{ } .t-p-xl { } .t-p-lg:locked{ } .t-p-lg { } .mob-magnifier:locked{ } .mob-magnifier { } .grd-dyn:locked{ } .grd-dyn { } .results-block { } .tasa-header { background-color:#f5f0e8; min-height:100px; } .tasa-hero { } .tasa-section { } .bg-card { } .bg-parchment { } .bg-sand { } .tasa-container { } .tasa-hero__inner { } .tasa-hero__row { } .tasa-hero__copy { } .tasa-h-eyebrow { } .tasa-h-display { } .tasa-hero__intro { } .tasa-lead { } .tasa-hero__motto { } .tasa-hero__cta { } .tasa-btn-primary { } .tasa-btn-ghost { } .tasa-container--narrow { } .text-center { } .tasa-h-section { } .tasa-body { } .tasa-welcome__italic { } .tasa-section--tight { } .tasa-principles__grid { } .tasa-principle { } .tasa-principle__title { } .tasa-groups-h1 { } .tasa-aw { } .tasa-native { } .tasa-aw-hero { } .tasa-aw-wrap { } .tasa-aw-kicker { } .tasa-native-text { } .tasa-aw-lead { } .tasa-aw-links { } .tasa-native-link { } .tasa-aw-note { } .tasa-aw-section { } .tasa-aw-grid { } .tasa-aw-card { } .tasa-aw-jurisdiction-model { } .tasa-native-image { } .tasa-aw-peace-example { } .tasa-aw-table-wrap { } .tasa-aw-space { } .tasa-aw-cta { } .tasa-aw-pillar { } .tasa-aw-methods { } .tasa-aw-comparison { } .tasa-home-video { } .lucide { } .lucide-heart { } .w-5 { } .h-5 { } .text-eucalyptus { } .mx-auto { } .mb-3 { } .tasa-anna-feature { } .tasa-anna-feature-inner { } .tasa-anna-feature-heading { } .tasa-anna-feature-eyebrow { } .tasa-anna-feature-intro { } .tasa-anna-feature-all { } .tasa-anna-feature-grid { } .tasa-anna-feature-card { } .tasa-anna-feature-lead { } .tasa-anna-feature-art { } .tasa-anna-feature-copy { } .tasa-anna-feature-meta { } .tasa-anna-feature-source { } .tasa-anna-feature-read { } .lucide-arrow-right { } .w-4 { } .h-4 { } .bg-background { } .border { } .border-border { } .rounded-lg { } .p-6 { } .sm:p-8 { } .space-y-5 { } .tasa-form-note { } .lucide-users { } .lucide-video { } .lucide-clipboard-list { } .lucide-mail { } .lucide-shopping-bag { } .lucide-book-open { } .text-amber { } .lucide-circle-help { } .lucide-library { } .lucide-file-text { } .tasa-news-subscribe { } .tasa-anna-switch { } .tasa-news { } .tasa-news-intro { } .tasa-news-grid { } .tasa-news-card { } .tasa-news-photo { } .tasa-news-wordmark { } .tasa-news-copy { } .tasa-news-read { } .tasa-news-events { } .group-hover:text-gold { } .transition-colors { } .lucide-shield { } .lucide-history { } .w-6 { } .h-6 { } .lucide-external-link { } .text-fresh-green { } .lucide-map-pin { } .lucide-menu { } .tasa-aw-context { } .tasa-aw-view-nav { } .tasa-newsletter { } .tasa-newsletter-inner { } .tasa-newsletter-copy { } .tasa-newsletter-eyebrow { } .tasa-newsletter-privacy { } .tasa-newsletter-signup { } .tasa-newsletter-frame { } .tasa-newsletter-note { } .tasa-newsletter-fallback { } .w-3 { } .h-3 { } .tasa-anna-page { } .tasa-anna-intro { } .tasa-anna-eyebrow { } .tasa-anna-note { } .tasa-anna-wrap { } .tasa-anna-feed { } .tasa-anna-grid { } .tasa-anna-card { } .tasa-anna-author { } .tasa-anna-source { } .tasa-anna-read { } .tasa-anna-reader { } .tasa-anna-reader-wrap { } .tasa-anna-reader-back { } .tasa-anna-reader-article { } .tasa-anna-reader-credit { } .tasa-anna-reader-body { } .tasa-cp { } .tasa-cp-hero { } .tasa-cp-wrap { } .tasa-cp-hero-grid { } .tasa-cp-eyebrow { } .tasa-cp-hero-lead { } .tasa-cp-intro { } .tasa-cp-jumps { } .tasa-cp-group { } .tasa-cp-section-heading { } .tasa-cp-pillar-link { } .tasa-cp-grid { } .tasa-cp-card { } .tasa-card-pillars { } .tasa-cp-card-pillars { } .tasa-cp-card-output { } .tasa-cp-card-link { } .tasa-cp-cta { } .tasa-cp-button { } .tasa-aw-profile { } .tasa-aw-status { } .tasa-aw-subwork { } .tasa-cp-membership { } .tasa-cp-membership-links { } .tasa-committee-contact { } .sa-agtype { } .tasa-event-page { } .tasa-event-back { } .tasa-event-hero { } .tasa-event-hero-art { } .tasa-event-kicker { } .tasa-event-badges { } .tasa-event-date-panel { } .tasa-event-day { } .tasa-event-date-copy { } .tasa-event-layout { } .tasa-event-description { } .tasa-event-sidebar { } .tasa-event-button { } .tasa-event-resource { } .tasa-calendar { } .tasa-calendar-intro { } .tasa-calendar-nav { } .tasa-calendar-filters { } .tasa-calendar-empty { } .tasa-calendar-grid { } .tasa-calendar-record { } .tasa-calendar-month { } .tasa-event-card { } .tasa-event-card-heading { } .tasa-event-card-body { } .tasa-event-art { } .attachment-medium_large { } .size-medium_large { } .tasa-event-actions { } .tasa-event-button-join { } .tasa-article { } .tasa-article-head { } .tasa-article-back { } .tasa-article-meta { } .tasa-article-categories { } .tasa-article-cover { } .tasa-article-featured { } .tasa-article-body { } .tasa-article-more { } .tasa-article-related { } .tasa-article-end { } .tasa-event-location { } /* Main site global variables */ /* FOR GOLIVE - remove comments and unused classes */ :root { /* FONTS and HEADINGS */ /* ..variables copied to headings and Oxy Settings > Global Styles */ /* CALCULATOR here: https://utopia.fyi/generator-mk-ii/ */ /* OBVIOUSLY, USE ONLY ONE SET OF FONT-SIZE VARIABLES!! */ /*--fs-2= body-2 --fs-1 = body-1 --fs0 = body --fs1 = H1 --fs2 = H2 --fs3 = H3 --fs4 = H4 --fs5 = H5 --fs6 = H6*/ /* @link https://utopia.fyi/type/calculator?c=320,14,1.125,1400,16,1.125,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */ --fs-2: clamp(0.6914rem, 0.6621rem + 0.1463vw, 0.7901rem); --fs-1: clamp(0.7778rem, 0.7449rem + 0.1646vw, 0.8889rem); --fs0: clamp(0.875rem, 0.838rem + 0.1852vw, 1rem); --fs1: clamp(1.7739rem, 1.6988rem + 0.3754vw, 2.0273rem); --fs2: clamp(1.5768rem, 1.51rem + 0.3337vw, 1.802rem); --fs3: clamp(1.4016rem, 1.3423rem + 0.2966vw, 1.6018rem); --fs4: clamp(1.2458rem, 1.1931rem + 0.2637vw, 1.4238rem); --fs5: clamp(1.1074rem, 1.0605rem + 0.2344vw, 1.2656rem); --fs6: clamp(0.9844rem, 0.9427rem + 0.2083vw, 1.125rem); --fs-xl: clamp(1.7739rem, 1.4147rem + 1.7957vw, 2.986rem); --fs-xxl: clamp(2.0273rem, 1.4299rem + 2.987vw, 4.0435rem); /* - added a 'scaling' variable - comprehensively accommodated '.tile__inner' for formatting within tiles - functioning dynamic CSSGRIDs ... grd-dyn/-sm/-lg - tile widths are set with vars below (col-dyn/-sm/-lg) */ /* COLOURS */ /* Use Oxygen Global colours that are set within the Oxygen Builder Global Settings To use the variables, simply use eg. #ffffff in place of the colour value. The number should correspond with the number of the colour in the Oxy Global Settings. */ /* PADDINGS AND MARGINS */ /* ..these two variables intended for the main Oxygen global padding for Sections /* ..applied also to [Oxygen] Settings > Global Styles > Sections & Columns padding */ --gutters: 20px; --sect-tb: calc(2vw + 20px); /* use for default Oxy SECTION top&bottom padding */ --marg-bottom: 200px; --sect-top: 30px; /* COLUMNS */ /* ...for FLEXBOX centre justification */ /* NOTE: 'Gap' is not necessary if using space-between or space-around justification */ /* NOTE: This framwork was made because the standard CSS 'gap' doesn't work as desired (for FlexBox) This framework enables flexbox 'tiles' to be flush left and right aligned */ /* GLOBAL SIZING VARIABLES: Global gap spacing and default settings - these are the default values throughout the site */ --gap: 2vmax; /* desired default gap for FlexBox and CSSGRID */ --vgap: 20px; /* vertical spacing for content in grid "tiles" */ --p: 2vmin; /* padding */ --bdr-rad: .8em; /* border radius */ --col-dyn-xs: 12em; /* width for tile in dynamic CSSGRID */ --col-dyn-sm: 16em; /* width for tile in dynamic CSSGRID */ --col-dyn: 20em; /* width for tile in dynamic CSSGRID */ --col-dyn-lg: 22em; /* width for tile in dynamic CSSGRID */ --scaling: 1.7; /* determines the scaling factor between xs,sm,md,lg,xl IN ALL CASES /* ..applied with classes (at the bottom): max-w-sm etc */ --maxwsm: 600px; --maxwmd: 800px; --maxwlg: 1000px; /* HERO and BANNER image heights */ --hero-height: 25vmax; --banner-height: 25vw; /* Supplemental pages sometimes have a banner of less height */ /* A global variable for drop shadows */ --shadow-sm: 0 1px 3px 0 rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.04); --shadow: 0 2px 15px -4px rgb(50 50 50 / .4); --shadow-lg: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07); --shadow-filt: drop-shadow( 0 0 2px #987); /* ===================*/ /* #### UPDATE ONLY BELOW HERE!! #### */ /* ---- Custom site settings exist above ---- */ /* == VERSION: -v9 - 14 Oct 2025 == */ /* - removed some formatting "restrictions" on nested .grd and .flx (such as .t-p-... ) */ --half-gap: calc(var(--gap) / 2); --gap-xs: calc((var(--gap) / (var(--scaling) * 2))); --gap-sm: calc((var(--gap) / var(--scaling))); --gap-lg: calc((var(--gap) * var(--scaling))); --gap-xl: calc((var(--gap) * (var(--scaling) * 2))); --row-gap: var(--gap); --row-gap-xs: calc((var(--gap) / (var(--scaling) * 2))); --row-gap-sm: calc((var(--gap) / var(--scaling))); --row-gap-lg: calc((var(--gap) * var(--scaling))); --row-gap-xl: calc((var(--gap) * (var(--scaling) * 2))); --vgap-xs: calc(var(--vgap) / (var(--scaling) * 2)); --vgap-sm: calc(var(--vgap) / var(--scaling)); --vgap-lg: calc(var(--vgap) * var(--scaling)); --neg-gap: calc(var(--half-gap) * -1); --neg-gap-sm: calc(var(--gap-sm) * -1); --neg-gap-lg: calc(var(--gap-lg) * -1); --flx-dyn-gap: 2vw; /* probably not used anymore */ --tile-tb: 3vw; /* probably not used anymore */ /* For the width of Flex columns, corresponding with the number of columns */ /* ..for responsive behaviour, add the new desired Col width/number for smaller screens * ie. 3 Column layout may go to 2 columns below 768px. So change column width value from * var(--cols-3) to var(--cols-2) for that media query */ /* --page-width: calc(1300px - (2 * var(--gutters)));*/ --cols-2: calc(100% / 2); --cols-3: calc(100% / 3); --cols-4: calc(100% / 4); --cols-5: calc(100% / 5); --cols-6: calc(100% / 6); /* ADJUSTMENTS */ /* Width for the flex-containing-div */ /* NOTE: The following two variables are not needed if not using centre justification */ /* ..for Flex centre alignment/justification */ /* This allows for negative L&R margins (below) to accommodate the 'gap' in the margins so that the columns sit flush with left and right edges */ /* --flex-containing-div: calc(100% + var(--gap));*/ --flex-dyn-containing-div: calc(100% + var(--flx-dyn-gap)); /* --neg-gap used for L&R margins for the flex-containing-div */ --neg-gap: calc( var(--half-gap) * -1); --neg-dyn-gap: calc(calc(var(--flx-dyn-gap) / 2) * -1); /* SITE CUSTOM VARIABLES */ --bdr-rad-xs: calc(var(--bdr-rad) / (var(--scaling) * 2)); --bdr-rad-sm: calc(var(--bdr-rad) / var(--scaling)); --bdr-rad-lg: calc(var(--bdr-rad) * var(--scaling)); --p-xs: calc(var(--p) / (var(--scaling) * 2)); --p-sm: calc(var(--p) / var(--scaling)); --p-md: var(--p); /* default */ --p-lg: calc(var(--p) * var(--scaling)); --p-xl: calc(var(--p) * (var(--scaling) * 2)); --neg-p-xs: calc(var(--p-sm) * -1); --neg-p-sm: calc(var(--p-sm) * -1); --neg-p-md: calc(var(--p-md) * -1); --neg-p-lg: calc(var(--p-lg) * -1); --neg-p-xl: calc(var(--p-xl) * -1); } /* GLOBAL STYLING OF BELOW GRID FRAMEWORK */ /* TEMPLATE GLOBAL STYLING */ /* BREAKPOINT CLASSES */ .brk-xl, /* 1100px */ .brk-lg, /* 991px */ .brk-md, /* 767px */ .brk-sm, /* 579px */ .brk-xs { /* 480px */ } /* FLEXGRID */ /* --- USE --- For FlexBox, apply the 'flx' class to the parent container. Modifiers exist for the parent container: eg. 'gap-sm' 't-vgap' etc */ .flx { width: 100%; display: flex; flex-flow: row wrap; /* **** default might need to be set to COLUMN for wanting to do dynamic row layouts **** */ /*align-items: stretch;*/ } .flx > * { display: flex; align-content: start; align-content: flex-start; } .flx > *:has(.tile__inner) { width: 100%; } .flx .tile__inner { width: 100%; display: flex; flex-flow: row wrap; align-items: stretch; } .flx-col { flex-flow: column; } /* When using an Oxy Repeater, href can't be applied to the Repeater 'tile div' so an internal div is applied that can have the href applied - .tile__inner */ /*.flx > * { width: 100%; }*/ .flx > * { margin: 0 ; } .flx.gap-xs > * { margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); /* margin-bottom: var(--row-gap-xs); */ } .flx.gap-sm > * { margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); /* margin-bottom: var(--row-gap-sm); */ } .flx.gap > *, .flx.gap-md > * { margin: 0 calc(var(--gap) / 2) var(--row-gap); /* margin-bottom: var(--row-gap); */ } .flx.gap-lg > * { margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg); /* margin-bottom: var(--row-gap-lg); */ } .flx.gap-xl > * { margin: 0 calc(var(--gap-xl) / 2) var(--row-gap-xl); /* margin-bottom: var(--row-gap-xl); */ } /* ###################################################*/ /* Something to try with flex ... Use 'flex: 1 1 {min-width}' for .flx > div ?? The {min-width} would be set in px to determine the number of columns */ /* ###################################################*/ /* For columns (tiles) with dynamically sizing width */ .flx.flx-col > * { /*width: 100%;*/ } .flx.gap-xs { width: calc(100% + var(--gap-xs)); margin: 0 calc((var(--gap-xs) / 2) * -1) calc(var(--row-gap-xs) * -1); } .flx.gap-sm { width: calc(100% + var(--gap-sm)); margin: 0 calc((var(--gap-sm) / 2) * -1) calc(var(--row-gap-sm) * -1); } .flx.gap, .flx.gap-md { width: calc(100% + var(--gap)); margin: 0 calc((var(--gap) / 2) * -1) calc(var(--row-gap) * -1); } .flx.gap-lg { width: calc(100% + var(--gap-lg)); margin: 0 calc((var(--gap-lg) / 2) * -1) calc(var(--row-gap-lg) * -1); } .flx.gap-xl { width: calc(100% + var(--gap-xl)); margin: 0 calc((var(--gap-xl) / 2) * -1) calc(var(--row-gap-xl) * -1); } .flx-2 > * { width: var(--cols-2); } .flx-3 > * { width: var(--cols-3); } .flx-4 > * { width: var(--cols-4); } .flx-5 > * { width: var(--cols-5); } .flx-6 > * { width: var(--cols-6); } .flx-2.gap-xs > * { width: calc(var(--cols-2) - var(--gap-xs)); } .flx-3.gap-xs > * { width: calc(var(--cols-3) - var(--gap-xs)); } .flx-4.gap-xs > * { width: calc(var(--cols-4) - var(--gap-xs)); } .flx-5.gap-xs > * { width: calc(var(--cols-5) - var(--gap-xs)); } .flx-6.gap-xs > * { width: calc(var(--cols-6) - var(--gap-xs)); } .flx-2.gap-sm > * { width: calc(var(--cols-2) - var(--gap-sm)); } .flx-3.gap-sm > * { width: calc(var(--cols-3) - var(--gap-sm)); } .flx-4.gap-sm > * { width: calc(var(--cols-4) - var(--gap-sm)); } .flx-5.gap-sm > * { width: calc(var(--cols-5) - var(--gap-sm)); } .flx-6.gap-sm > * { width: calc(var(--cols-6) - var(--gap-sm)); } .flx-2.gap > *, .flx-2.gap-md > * { width: calc(var(--cols-2) - var(--gap)); } .flx-3.gap > *, .flx-3.gap-md > * { width: calc(var(--cols-3) - var(--gap)); } .flx-4.gap > *, .flx-4.gap-md > * { width: calc(var(--cols-4) - var(--gap)); } .flx-5.gap > *, .flx-5.gap-md > * { width: calc(var(--cols-5) - var(--gap)); } .flx-6.gap > *, .flx-6.gap-md > * { width: calc(var(--cols-6) - var(--gap)); } .flx-2.gap-lg > * { width: calc(var(--cols-2) - var(--gap-lg)); } .flx-3.gap-lg > * { width: calc(var(--cols-3) - var(--gap-lg)); } .flx-4.gap-lg > * { width: calc(var(--cols-4) - var(--gap-lg)); } .flx-5.gap-lg > * { width: calc(var(--cols-5) - var(--gap-lg)); } .flx-6.gap-lg > * { width: calc(var(--cols-6) - var(--gap-lg)); } .flx-2.gap-xl > * { width: calc(var(--cols-2) - var(--gap-xl)); } .flx-3.gap-xl > * { width: calc(var(--cols-3) - var(--gap-xl)); } .flx-4.gap-xl > * { width: calc(var(--cols-4) - var(--gap-xl)); } .flx-5.gap-xl > * { width: calc(var(--cols-5) - var(--gap-xl)); } .flx-6.gap-xl > * { width: calc(var(--cols-6) - var(--gap-xl)); } /* For dynamic display of grid where columns (tiles) have a fixed width, according to pagewidth (var(--page-width)) */ /* For a dynamic grid based on fixed widths declared for these variables above: --col-dyn-xs --col-dyn-sm --col-dyn --col-dyn-lg */ .flx.flx-dyn-xs > * { flex: 0 1 var(--col-dyn-xs); } .flx.flx-dyn-sm > * { flex: 0 1 var(--col-dyn-sm); } .flx.flx-dyn > * { flex: 0 1 var(--col-dyn); } .flx.flx-dyn-lg > * { flex: 0 1 var(--col-dyn-lg); } .flx.flx-dyn-xs.gap-xs > * { flex: 0 1 calc(var(--col-dyn-xs) - var(--gap-xs)); margin-left: calc(var(--gap-xs) / 2); margin-right: calc(var(--gap-xs) / 2); } .flx.flx-dyn-xs.gap-sm > * { flex: 0 1 calc(var(--col-dyn-xs) - var(--gap-sm)); margin-left: calc(var(--gap-sm) / 2); margin-right: calc(var(--gap-sm) / 2); } .flx.flx-dyn-xs.gap > * { flex: 0 1 calc(var(--col-dyn-xs) - var(--gap)); margin-left: calc(var(--gap) / 2); margin-right: calc(var(--gap) / 2); } .flx.flx-dyn-xs.gap-lg > * { flex: 0 1 calc(var(--col-dyn-xs) - var(--gap-lg)); margin-left: calc(var(--gap-lg) / 2); margin-right: calc(var(--gap-lg) / 2); } .flx.flx-dyn-sm.gap-xs > * { flex: 0 1 calc(var(--col-dyn-sm) - var(--gap-xs)); margin-left: calc(var(--gap-xs) / 2); margin-right: calc(var(--gap-xs) / 2); } .flx.flx-dyn-sm.gap-sm > * { flex: 0 1 calc(var(--col-dyn-sm) - var(--gap-sm)); margin-left: calc(var(--gap-sm) / 2); margin-right: calc(var(--gap-sm) / 2); } .flx.flx-dyn-sm.gap > * { flex: 0 1 calc(var(--col-dyn-sm) - var(--gap)); margin-left: calc(var(--gap) / 2); margin-right: calc(var(--gap) / 2); } .flx.flx-dyn-sm.gap-lg > * { flex: 0 1 calc(var(--col-dyn-sm) - var(--gap-lg)); margin-left: calc(var(--gap-lg) / 2); margin-right: calc(var(--gap-lg) / 2); } .flx.flx-dyn.gap-xs > * { flex: 0 1 calc(var(--col-dyn) - var(--gap-xs)); margin-left: calc(var(--gap-xs) / 2); margin-right: calc(var(--gap-xs) / 2); } .flx.flx-dyn.gap-sm > * { flex: 0 1 calc(var(--col-dyn) - var(--gap-sm)); margin-left: calc(var(--gap-sm) / 2); margin-right: calc(var(--gap-sm) / 2); } .flx.flx-dyn.gap > * { flex: 0 1 calc(var(--col-dyn) - var(--gap)); margin-left: calc(var(--gap) / 2); margin-right: calc(var(--gap) / 2); } .flx.flx-dyn.gap-lg > * { flex: 0 1 calc(var(--col-dyn) - var(--gap-lg)); margin-left: calc(var(--gap-lg) / 2); margin-right: calc(var(--gap-lg) / 2); } .flx.flx-dyn-lg.gap-xs > * { flex: 0 1 calc(var(--col-dyn-lg) - var(--gap-xs)); margin-left: calc(var(--gap-xs) / 2); margin-right: calc(var(--gap-xs) / 2); } .flx.flx-dyn-lg.gap-sm > * { flex: 0 1 calc(var(--col-dyn-lg) - var(--gap-sm)); margin-left: calc(var(--gap-sm) / 2); margin-right: calc(var(--gap-sm) / 2); } .flx.flx-dyn-lg.gap > * { flex: 0 1 calc(var(--col-dyn-lg) - var(--gap)); margin-left: calc(var(--gap) / 2); margin-right: calc(var(--gap) / 2); } .flx.flx-dyn-lg.gap-lg > * { flex: 0 1 calc(var(--col-dyn-lg) - var(--gap-lg)); margin-left: calc(var(--gap-lg) / 2); margin-right: calc(var(--gap-lg) / 2); } /* CSSGRID STRUCTURE MODIFIERS */ .flx-1-2 > *:nth-child(odd) { width: var(--cols-3); margin: 0; } .flx-1-2 > *:nth-child(even) { width: calc(var(--cols-3) * 2); margin: 0; } .flx-1-2.gap-xs > *:nth-child(odd) { width: calc(var(--cols-3) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-1-2.gap-xs > *:nth-child(even) { width: calc((var(--cols-3) * 2) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-1-2.gap-sm > *:nth-child(odd) { width: calc(var(--cols-3) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-1-2.gap-sm > *:nth-child(even) { width: calc((var(--cols-3) * 2) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-1-2.gap > *:nth-child(odd) { width: calc(var(--cols-3) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-1-2.gap > *:nth-child(even) { width: calc((var(--cols-3) * 2) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-1-2.gap-lg > *:nth-child(odd) { width: calc(var(--cols-3) - var(--gap-lg)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg); } .flx-1-2.gap-lg > *:nth-child(even) { width: calc((var(--cols-3) * 2) - var(--gap-lg)); margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg); } .flx-2-1 > *:nth-child(odd) { width: calc(var(--cols-3) * 2); margin: 0; } .flx-2-1 > *:nth-child(even) { width: var(--cols-3); margin: 0; } .flx-2-1.gap-xs > *:nth-child(even) { width: calc(var(--cols-3) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-2-1.gap-xs > *:nth-child(odd) { width: calc((var(--cols-3) * 2) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-2-1.gap-sm > *:nth-child(even) { width: calc(var(--cols-3) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-2-1.gap-sm > *:nth-child(odd) { width: calc((var(--cols-3) * 2) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-2-1.gap > *:nth-child(even) { width: calc(var(--cols-3) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-2-1.gap > *:nth-child(odd) { width: calc((var(--cols-3) * 2) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-2-1.gap-lg > *:nth-child(even) { width: calc(var(--cols-3) - var(--gap-lg)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg); } .flx-2-1.gap-lg > *:nth-child(odd) { width: calc((var(--cols-3) * 2) - var(--gap-lg)); margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg); } .flx-1-3 > *:nth-child(odd) { width: var(--cols-4); margin: 0; } .flx-1-3 > *:nth-child(even) { width: calc(var(--cols-4) * 3); margin: 0; } .flx-1-3.gap-xs > *:nth-child(odd) { width: calc(var(--cols-4) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-1-3.gap-xs > *:nth-child(even) { width: calc((var(--cols-4) * 3) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-1-3.gap-sm > *:nth-child(odd) { width: calc(var(--cols-4) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-1-3.gap-sm > *:nth-child(even) { width: calc((var(--cols-4) * 3) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-1-3.gap > *:nth-child(odd) { width: calc(var(--cols-4) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-1-3.gap > *:nth-child(even) { width: calc((var(--cols-4) * 3) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-1-3.gap-lg > *:nth-child(odd) { width: calc(var(--cols-4) - var(--gap-lg)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg); } .flx-1-3.gap-lg > *:nth-child(even) { width: calc((var(--cols-4) * 3) - var(--gap-lg)); margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg); } .flx-3-1 > *:nth-child(odd) { width: calc(var(--cols-4) * 3); margin: 0; } .flx-3-1 > *:nth-child(even) { width: var(--cols-4); margin: 0; } .flx-3-1.gap-xs > *:nth-child(even) { width: calc(var(--cols-4) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-3-1.gap-xs > *:nth-child(odd) { width: calc((var(--cols-4) * 3) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-3-1.gap-sm > *:nth-child(even) { width: calc(var(--cols-4) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-3-1.gap-sm > *:nth-child(odd) { width: calc((var(--cols-4) * 3) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-3-1.gap > *:nth-child(even) { width: calc(var(--cols-4) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-3-1.gap > *:nth-child(odd) { width: calc((var(--cols-4) * 3) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-3-1.gap-lg > *:nth-child(even) { width: calc(var(--cols-4) - var(--gap-lg)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg); } .flx-3-1.gap-lg > *:nth-child(odd) { width: calc((var(--cols-4) * 3) - var(--gap-lg)); margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg); } .flx-2-3 > *:nth-child(odd) { width: calc(var(--cols-5) * 2); margin: 0; } .flx-2-3 > *:nth-child(even) { width: calc(var(--cols-5) * 3); margin: 0; } .flx-2-3.gap-xs > *:nth-child(odd) { width: calc((var(--cols-5) * 2) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-2-3.gap-xs > *:nth-child(even) { width: calc((var(--cols-5) * 3) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-2-3.gap-sm > *:nth-child(odd) { width: calc((var(--cols-5) * 2) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-2-3.gap-sm > *:nth-child(even) { width: calc((var(--cols-5) * 3) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-2-3.gap > *:nth-child(odd) { width: calc((var(--cols-5) * 2) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-2-3.gap > *:nth-child(even) { width: calc((var(--cols-5) * 3) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-2-3.gap-lg > *:nth-child(odd) { width: calc((var(--cols-5) * 2) - var(--gap-lg)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg); } .flx-2-3.gap-lg > *:nth-child(even) { width: calc((var(--cols-5) * 3) - var(--gap-lg)); margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg); } .flx-3-2 > *:nth-child(odd) { width: calc(var(--cols-5) * 3); margin: 0; } .flx-3-2 > *:nth-child(even) { width: calc(var(--cols-5) * 2); margin: 0; } .flx-3-2.gap-xs > *:nth-child(even) { width: calc((var(--cols-5) * 2) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-3-2.gap-xs > *:nth-child(odd) { width: calc((var(--cols-5) * 3) - var(--gap-xs)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-xs); } .flx-3-2.gap-sm > *:nth-child(even) { width: calc((var(--cols-5) * 2) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-3-2.gap-sm > *:nth-child(odd) { width: calc((var(--cols-5) * 3) - var(--gap-sm)); margin: 0 calc(var(--gap-sm) / 2) var(--row-gap-sm); } .flx-3-2.gap > *:nth-child(even) { width: calc((var(--cols-5) * 2) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-3-2.gap > *:nth-child(odd) { width: calc((var(--cols-5) * 3) - var(--gap)); margin: 0 calc(var(--gap) / 2) var(--row-gap); } .flx-3-2.gap-lg > *:nth-child(even) { width: calc((var(--cols-5) * 2) - var(--gap-lg)); margin: 0 calc(var(--gap-xs) / 2) var(--row-gap-lg); } .flx-3-2.gap-lg > *:nth-child(odd) { width: calc((var(--cols-5) * 3) - var(--gap-lg)); margin: 0 calc(var(--gap-lg) / 2) var(--row-gap-lg); } .flx.row-gap-xs > * { margin-bottom: var(--row-gap-xs); } .flx.row-gap-sm > * { margin-bottom: var(--row-gap-sm); } .flx.row-gap > * { margin-bottom: var(--row-gap); } .flx.row-gap-lg > * { margin-bottom: var(--row-gap-lg); } .flx.row-gap-xl > * { margin-bottom: var(--row-gap-xl); } .flx.no-row-gap > *, .flx.no-row-gap { margin-bottom: 0 !important; } /* CSSGRID */ /* --- USE --- Apply the 'grd' class to the parent container according to where the responsive change should occur */ .grd { /* 479px */ width: 100%; display: grid !important; align-items: start; align-content: start; grid-template-columns: 1fr; } .grd:has(> .tile__inner), .grd:has(> * > .tile__inner) { grid-template-rows: 1fr; /*align-items: stretch;*/ } /* --- USE --- Only use these classes for evenly spaced columns (tiles) that size dynamically. Apply the single class with the desired columns to the parent container The number = the number of desired columns */ .grd-2 { /* lg & sm refer to breakpoints */ grid-template-columns: repeat(2, 1fr); } .grd-3 { grid-template-columns: repeat(3, 1fr); } .grd-4 { grid-template-columns: repeat(4, 1fr); } .grd-5 { grid-template-columns: repeat(5, 1fr); } .grd-6 { grid-template-columns: repeat(6, 1fr); } /* --- USE --- For a responsive row of [evenly sized] columns (tiles) apply the relevant class to the parent container (and don't use the classes above) */ /* -- don't use the 'tile' class on the parent container */ /* This is responsive by default and doesn't require additional media queries */ /* For a dynamic grid based on fixed widths declared for these variables above: --grd-dyn-sm --grd-dyn --grd-dyn-lg Column widths are set with GLOBAL SIZING VARIABLES: at the top with: --col-dyn-sm --col-dyn --col-dyn-lg */ /* eg. for md (medium) columns, apply only 'grd-dyn' class to the parent container */ /* This is responsive by default and doesn't require additional media queries */ .grd-dyn-xs { grid-template-columns: repeat(auto-fill, minmax(min(var(--col-dyn-xs),100%), 1fr)); } .grd-dyn-xs.gap-xs { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-xs) - var(--gap-xs)),100%), 1fr)); } .grd-dyn-xs.gap-sm { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-xs) - var(--gap-sm)),100%), 1fr)); } .grd-dyn-xs.gap { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-xs) - var(--gap)),100%), 1fr)); } .grd-dyn-xs.gap-lg { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-xs) - var(--gap-lg)),100%), 1fr)); } .grd-dyn-xs.gap-xl { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-xs) - var(--gap-xl)),100%), 1fr)); } .grd-dyn-sm { grid-template-columns: repeat(auto-fill, minmax(min(var(--col-dyn-sm),100%), 1fr)); } .grd-dyn-sm.gap-xs { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-sm) - var(--gap-xs)),100%), 1fr)); } .grd-dyn-sm.gap-sm { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-sm) - var(--gap-sm)),100%), 1fr)); } .grd-dyn-sm.gap { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-sm) - var(--gap)),100%), 1fr)); } .grd-dyn-sm.gap-lg { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-sm) - var(--gap-lg)),100%), 1fr)); } .grd-dyn-sm.gap-xl { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-sm) - var(--gap-xl)),100%), 1fr)); } .grd-dyn { grid-template-columns: repeat(auto-fill, minmax(min(var(--col-dyn),100%), 1fr)); } .grd-dyn.gap-xs { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn) - var(--gap-xs)),100%), 1fr)); } .grd-dyn.gap-sm { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn) - var(--gap-sm)),100%), 1fr)); } .grd-dyn.gap { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn) - var(--gap)),100%), 1fr)); } .grd-dyn.gap-lg { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn) - var(--gap-lg)),100%), 1fr)); } .grd-dyn.gap-xl { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn) - var(--gap-xl)),100%), 1fr)); } .grd-dyn-lg { grid-template-columns: repeat(auto-fill, minmax(min(var(--col-dyn-lg),100%), 1fr)); } .grd-dyn-lg.gap-xs { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-lg) - var(--gap-xs)),100%), 1fr)); } .grd-dyn-lg.gap-sm { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-lg) - var(--gap-sm)),100%), 1fr)); } .grd-dyn-lg.gap { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-lg) - var(--gap)),100%), 1fr)); } .grd-dyn-lg.gap-lg { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-lg) - var(--gap-lg)),100%), 1fr)); } .grd-dyn-lg.gap-xl { grid-template-columns: repeat(auto-fill, minmax(min(calc(var(--col-dyn-lg) - var(--gap-xl)),100%), 1fr)); } /* CSSGRID VARIED LAYOUTS */ /* eg. using 'grd-1-2' on the parent container will display 2 columns. The right column being twice as wide as the left column. */ .grd-1-2 { grid-template-columns: 1fr 2fr; } .grd-1-3 { grid-template-columns: 1fr 3fr; } .grd-1-4 { grid-template-columns: 1fr 4fr; } .grd-2-1 { grid-template-columns: 2fr 1fr; } .grd-3-1 { grid-template-columns: 3fr 1fr; } .grd-4-1 { grid-template-columns: 4fr 1fr; } .grd-2-3 { grid-template-columns: 2fr 3fr; } .grd-3-2 { grid-template-columns: 3fr 2fr; } .grd-auto-1, .grd-auto-1 .tile__inner { grid-template-columns: auto 1fr; } .grd-1-auto, .grd-1-auto .tile__inner { grid-template-columns: 1fr auto; } /* CSSGRID MODIFIERS */ /* ...may need to provide grd and flx specific modifiers? ... */ .tile-tb { padding: var(--grd-tb) 0; } .grd.gap-xs { gap: var(--gap-xs); } .grd.gap-sm { gap: var(--gap-sm); } .grd.gap, .grd.gap-md { gap: var(--gap); } .grd.gap-lg { gap: var(--gap-lg); } .grd.gap-xl { gap: var(--gap-xl); } .grd.row-gap-xs { row-gap: var(--row-gap-xs); } .grd.row-gap-sm { row-gap: var(--row-gap-sm); } .grd.row-gap, .grd.row-gap-md { row-gap: var(--row-gap); } .grd.row-gap-lg { row-gap: var(--row-gap-lg); } .grd.row-gap-xl { row-gap: var(--row-gap-xl); } .no-break, .no-brk { /* class is added to avoid breaks by way of {selector}:not(.no-break) */ } /* Restricting dynamic FLEX rows from wrapping until set screen width in media queries below */ /*.flx-row { flex-direction: row; }*/ .flx-wrap-xs, .flx-wrap-sm, .flx-wrap, .flx-wrap-md, .flx-wrap-lg, .flx-wrap-xl { flex-wrap: nowrap; } /* ### Vertical spacing for items within a .tile ### ... NOT SUITABLE FOR A GRID PARENT DIV ... */ /* NOTE: .tile__inner is used primarily for a div inside the Oxy REPEATER item div because Oxygen does not permit the main item div to have href. href (ie. permalink() ) is then applied to the .tile__inner */ /* Set internal divs in a tile to full width */ /* ???? QUESTION WHETHER THIS IS NEEDED ???? */ /*[class*="t-vgap"] > * > *:not(.grd):not(.flx), [class*="t-vgap"] > * > *:not(.grd):not(.flx) { width: 100%; }*/ .flx.t-vgap-xs > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *, .flx.t-vgap-xs > * > .tile__inner > * + * { margin-top: var(--vgap-xs); } .flx.t-vgap-sm > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *, .flx.t-vgap-sm > * > .tile__inner > * + * { margin-top: var(--vgap-sm); } .flx.t-vgap > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *, .flx.t-vgap > * > .tile__inner > * + * { margin-top: var(--vgap); } .flx.t-vgap-lg > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *, .flx.t-vgap-lg > * > .tile__inner > * + * { margin-top: var(--vgap-lg); } .grd.t-vgap-xs > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *, .grd.t-vgap-xs > * > .tile__inner > * + * { margin-top: var(--vgap-xs); } .grd.t-vgap-sm > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *, .grd.t-vgap-sm > * > .tile__inner > * + * { margin-top: var(--vgap-sm); } .grd.t-vgap > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *, .grd.t-vgap > * > .tile__inner > * + * { margin-top: var(--vgap); } .grd.t-vgap-lg > *:not(.grd):not(.flx):not(:has(.tile__inner)) > * + *, .grd.t-vgap-lg > * > .tile__inner > * + * { margin-top: var(--vgap-lg); } /* ### TILES INTERNAL PADDING ### */ .flx.t-p-xs > *:not(:has(.tile__inner)), .flx.t-p-xs > * > .tile__inner, .grd.t-p-xs > *:not(:has(.tile__inner)), .grd.t-p-xs > * > .tile__inner { padding: var(--p-xs); } .flx.t-p-sm > *:not(:has(.tile__inner)), .flx.t-p-sm > * > .tile__inner, .grd.t-p-sm > *:not(:has(.tile__inner)), .grd.t-p-sm > * > .tile__inner { padding: var(--p-sm); } .flx.t-p > *:not(:has(.tile__inner)), .flx.t-p > * > .tile__inner, .grd.t-p > *:not(:has(.tile__inner)), .grd.t-p > * > .tile__inner { padding: var(--p); } .flx.t-p-lg > *:not(:has(.tile__inner)), .flx.t-p-lg > * > .tile__inner, .grd.t-p-lg > *:not(:has(.tile__inner)), .grd.t-p-lg > * > .tile__inner { padding: var(--p-lg); } .flx.t-p-xl > *:not(:has(.tile__inner)), .flx.t-p-xl > * > .tile__inner, .grd.t-p-xl > *:not(:has(.tile__inner)), .grd.t-p-xl > * > .tile__inner { padding: var(--p-xl); } /* X and Y axis padding .p-X-Y 1 = xs 2 = sm 3 = default (p or p-md) 4 = lg */ .flx.t-p-1-0 > *:not(:has(> .tile__inner)), .flx.t-p-1-0 > * > .tile__inner, .grd.t-p-1-0 > *:not(:has(> .tile__inner)), .grd.t-p-1-0 > * > .tile__inner { padding: 0 var(--p-xs); } .flx.t-p-0-1 > *:not(:has(> .tile__inner)), .flx.t-p-0-1 > * > .tile__inner, .grd.t-p-0-1 > *:not(:has(> .tile__inner)), .grd.t-p-0-1 > * > .tile__inner, { padding: var(--p-xs) 0; } .flx.t-p-0-2 > *:not(:has(> .tile__inner)), .flx.t-p-0-2 > * > .tile__inner, .grd.t-p-0-2 > *:not(:has(> .tile__inner)), .grd.t-p-0-2 > * > .tile__inner { padding: var(--p-sm) 0; } .flx.t-p-2-0 > *:not(:has(> .tile__inner)), .flx.t-p-2-0 > * > .tile__inner, .grd.t-p-2-0 > *:not(:has(> .tile__inner)), .grd.t-p-2-0 > * > .tile__inner { padding: 0 var(--p-sm); } .flx.t-p-0-3 > *:not(:has(> .tile__inner)), .flx.t-p-0-3 > * > .tile__inner, .grd.t-p-0-3 > *:not(:has(> .tile__inner)), .grd.t-p-0-3 > * > .tile__inner { padding: var(--p) 0; } .flx.t-p-3-0 > *:not(:has(> .tile__inner)), .flx.t-p-3-0 > * > .tile__inner, .grd.t-p-3-0 > *:not(:has(> .tile__inner)), .grd.t-p-3-0 > * > .tile__inner { padding: 0 var(--p); } .flx.t-p-0-4 > *:not(:has(> .tile__inner)), .flx.t-p-0-4 > * > .tile__inner, .grd.t-p-0-4 > *:not(:has(> .tile__inner)), .grd.t-p-0-4 > * > .tile__inner { padding: var(--p-lg) 0; } .flx.t-p-4-0 > *:not(:has(> .tile__inner)), .flx.t-p-4-0 > * > .tile__inner, .grd.t-p-4-0 > *:not(:has(> .tile__inner)), .grd.t-p-4-0 > * > .tile__inner { padding: 0 var(--p-lg); } .flx.t-p-0-5 > *:not(:has(> .tile__inner)), .flx.t-p-0-5 > * > .tile__inner, .grd.t-p-0-5 > *:not(:has(> .tile__inner)), .grd.t-p-0-5 > * > .tile__inner { padding: var(--p-xl) 0; } .flx.t-p-5-0 > *:not(:has(> .tile__inner)), .flx.t-p-5-0 > * > .tile__inner, .grd.t-p-5-0 > *:not(:has(> .tile__inner)), .grd.t-p-5-0 > * > .tile__inner { padding: 0 var(--p-xl); } .flx.t-p-1-2 > *:not(:has(> .tile__inner)), .flx.t-p-1-2 > * > .tile__inner, .grd.t-p-1-2 > *:not(:has(> .tile__inner)), .grd.t-p-1-2 > * > .tile__inner { padding: var(--p-sm) var(--p-xs); } .flx.t-p-2-1 > *:not(:has(> .tile__inner)), .flx.t-p-2-1 > * > .tile__inner, .grd.t-p-2-1 > *:not(:has(> .tile__inner)), .grd.t-p-2-1 > * > .tile__inner { padding: var(--p-xs) var(--p-sm); } .flx.t-p-1-3 > *:not(:has(> .tile__inner)), .flx.t-p-1-3 > * > .tile__inner, .grd.t-p-1-3 > *:not(:has(> .tile__inner)), .grd.t-p-1-3 > * > .tile__inner { padding: var(--p) var(--p-xs); } .flx.t-p-3-1 > *:not(:has(> .tile__inner)), .flx.t-p-3-1 > * > .tile__inner, .grd.t-p-3-1 > *:not(:has(> .tile__inner)), .grd.t-p-3-1 > * > .tile__inner { padding: var(--p-xs) var(--p); } .flx.t-p-2-3 > *:not(:has(> .tile__inner)), .flx.t-p-2-3 > * > .tile__inner, .grd.t-p-2-3 > *:not(:has(> .tile__inner)), .grd.t-p-2-3 > * > .tile__inner { padding: var(--p) var(--p-sm); } .flx.t-p-3-2 > *:not(:has(> .tile__inner)), .flx.t-p-3-2 > * > .tile__inner, .grd.t-p-3-2 > *:not(:has(> .tile__inner)), .grd.t-p-3-2 > * > .tile__inner { padding: var(--p-sm) var(--p); } .flx.t-p-3-4 > *:not(:has(> .tile__inner)), .flx.t-p-3-4 > * > .tile__inner, .grd.t-p-3-4 > *:not(:has(> .tile__inner)), .grd.t-p-3-4 > * > .tile__inner { padding: var(--p-lg) var(--p); } .flx.t-p-4-3 > *:not(:has(> .tile__inner)), .flx.t-p-4-3 > * > .tile__inner, .grd.t-p-4-3 > *:not(:has(> .tile__inner)), .grd.t-p-4-3 > * > .tile__inner { padding: var(--p) var(--p-lg); } .flx.t-p-2-4 > *:not(:has(> .tile__inner)), .flx.t-p-2-4 > * > .tile__inner, .grd.t-p-2-4 > *:not(:has(> .tile__inner)), .grd.t-p-2-4 > * > .tile__inner { padding: var(--p-lg) var(--p-sm); } .flx.t-p-4-2 > *:not(:has(> .tile__inner)), .flx.t-p-4-2 > * > .tile__inner, .grd.t-p-4-2 > *:not(:has(> .tile__inner)), .grd.t-p-4-2 > * > .tile__inner { padding: var(--p-sm) var(--p-lg); } .flx.t-p-1-4 > *:not(:has(> .tile__inner)), .flx.t-p-1-4 > * > .tile__inner, .grd.t-p-1-4 > *:not(:has(> .tile__inner)), .grd.t-p-1-4 > * > .tile__inner { padding: var(--p-lg) var(--p-xs); } .flx.t-p-4-1 > *:not(:has(> .tile__inner)), .flx.t-p-4-1 > * > .tile__inner, .grd.t-p-4-1 > *:not(:has(> .tile__inner)), .grd.t-p-4-1 > * > .tile__inner { padding: var(--p-xs) var(--p-lg); } .flx.t-p-1-5 > *:not(:has(> .tile__inner)), .flx.t-p-1-5 > * > .tile__inner, .grd.t-p-1-5 > *:not(:has(> .tile__inner)), .grd.t-p-1-5 > * > .tile__inner { padding: var(--p-xl) var(--p-xs); } .flx.t-p-5-1 > *:not(:has(> .tile__inner)), .flx.t-p-5-1 > * > .tile__inner, .grd.t-p-5-1 > *:not(:has(> .tile__inner)), .grd.t-p-5-1 > * > .tile__inner { padding: var(--p-xs) var(--p-xl); } /*.flx.t-p-xs > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-xs > * > .tile__inner, .grd.t-p-xs > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-xs > * > .tile__inner { padding: var(--p-xs); } .flx.t-p-sm > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-sm > * > .tile__inner, .grd.t-p-sm > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-sm > * > .tile__inner { padding: var(--p-sm); } .flx.t-p > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p > * > .tile__inner, .grd.t-p > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p > * > .tile__inner { padding: var(--p); } .flx.t-p-lg > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-lg > * > .tile__inner, .grd.t-p-lg > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-lg > * > .tile__inner { padding: var(--p-lg); } .flx.t-p-xl > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-xl > * > .tile__inner, .grd.t-p-xl > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-xl > * > .tile__inner { padding: var(--p-xl); }*/ /* X and Y axis padding .p-X-Y 1 = xs 2 = sm 3 = default (p or p-md) 4 = lg *//* .flx.t-p-1-0 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-1-0 > * > .tile__inner > *, .grd.t-p-1-0 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-1-0 > * > .tile__inner > * { padding: 0 var(--p-xs); } .flx.t-p-0-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-0-1 > * > .tile__inner > *, .grd.t-p-0-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-0-1 > * > .tile__inner > * { padding: var(--p-xs) 0; } .flx.t-p-0-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-0-2 > * > .tile__inner > *, .grd.t-p-0-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-0-2 > * > .tile__inner > * { padding: var(--p-sm) 0; } .flx.t-p-2-0 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-2-0 > * > .tile__inner > *, .grd.t-p-2-0 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-2-0 > * > .tile__inner > * { padding: 0 var(--p-sm); } .flx.t-p-0-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-0-3 > * > .tile__inner > *, .grd.t-p-0-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-0-3 > * > .tile__inner > * { padding: var(--p) 0; } .flx.t-p-3-0 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-3-0 > * > .tile__inner > *, .grd.t-p-3-0 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-3-0 > * > .tile__inner > * { padding: 0 var(--p); } .flx.t-p-0-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-0-4 > * > .tile__inner > *, .grd.t-p-0-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-0-4 > * > .tile__inner > * { padding: var(--p-lg) 0; } .flx.t-p-4-0 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-4-0 > * > .tile__inner > *, .grd.t-p-4-0 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-4-0 > * > .tile__inner > * { padding: 0 var(--p-lg); } .flx.t-p-0-5 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-0-5 > * > .tile__inner > *, .grd.t-p-0-5 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-0-5 > * > .tile__inner > * { padding: var(--p-xl) 0; } .flx.t-p-5-0 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-5-0 > * > .tile__inner > *, .grd.t-p-5-0 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-5-0 > * > .tile__inner > * { padding: 0 var(--p-xl); } .flx.t-p-1-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-1-2 > * > .tile__inner > *, .grd.t-p-1-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-1-2 > * > .tile__inner > * { padding: var(--p-sm) var(--p-xs); } .flx.t-p-2-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-2-1 > * > .tile__inner > *, .grd.t-p-2-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-2-1 > * > .tile__inner > * { padding: var(--p-xs) var(--p-sm); } .flx.t-p-1-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-1-3 > * > .tile__inner > *, .grd.t-p-1-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-1-3 > * > .tile__inner > * { padding: var(--p) var(--p-xs); } .flx.t-p-3-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-3-1 > * > .tile__inner > *, .grd.t-p-3-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-3-1 > * > .tile__inner > * { padding: var(--p-xs) var(--p); } .flx.t-p-2-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-2-3 > * > .tile__inner > *, .grd.t-p-2-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-2-3 > * > .tile__inner > * { padding: var(--p) var(--p-sm); } .flx.t-p-3-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-3-2 > * > .tile__inner > *, .grd.t-p-3-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-3-2 > * > .tile__inner > * { padding: var(--p-sm) var(--p); } .flx.t-p-3-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-3-4 > * > .tile__inner > *, .grd.t-p-3-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-3-4 > * > .tile__inner > * { padding: var(--p-lg) var(--p); } .flx.t-p-4-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-4-3 > * > .tile__inner > *, .grd.t-p-4-3 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-4-3 > * > .tile__inner > * { padding: var(--p) var(--p-lg); } .flx.t-p-2-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-2-4 > * > .tile__inner > *, .grd.t-p-2-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-2-4 > * > .tile__inner > * { padding: var(--p-lg) var(--p-sm); } .flx.t-p-4-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-4-2 > * > .tile__inner > *, .grd.t-p-4-2 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-4-2 > * > .tile__inner > * { padding: var(--p-sm) var(--p-lg); } .flx.t-p-1-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-1-4 > * > .tile__inner > *, .grd.t-p-1-4 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-1-4 > * > .tile__inner > * { padding: var(--p-lg) var(--p-xs); } .flx.t-p-4-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-4-1 > * > .tile__inner > *, .grd.t-p-4-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-4-1 > * > .tile__inner > * { padding: var(--p-xs) var(--p-lg); } .flx.t-p-1-5 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-1-5 > * > .tile__inner > *, .grd.t-p-1-5 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-1-5 > * > .tile__inner > * { padding: var(--p-xl) var(--p-xs); } .flx.t-p-5-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .flx.t-p-5-1 > * > .tile__inner > *, .grd.t-p-5-1 > *:not(.grd):not(.flx):not(:has(.tile__inner)), .grd.t-p-5-1 > * > .tile__inner > * { padding: var(--p-xs) var(--p-xl); }*/ /* ### TILES BORDER RADIUS ### */ .flx.t-rad-xs > *, .grd.t-rad-xs > * { border-radius: var(--bdr-rad-xs); overflow: hidden; } .flx.t-rad-sm > *, .grd.t-rad-sm > * { border-radius: var(--bdr-rad-sm); overflow: hidden; } .flx.t-rad > *, .grd.t-rad > * { border-radius: var(--bdr-rad); overflow: hidden; } .flx.t-rad-lg > *, .grd.t-rad-lg > * { border-radius: var(--bdr-rad-lg); overflow: hidden; } /* MODIFIERS */ .tiles-centre, .tiles-center, .center-row, .centre-row { justify-items: center; justify-content: center; } .flx-col.tiles-center, .flx-col.tiles-centre { align-items: center; } .tiles-left { align-items: start; justify-content: flex-start; } .tiles-right { /* align-items: end;*/ justify-content: flex-end; } .tile-top { align-items: start; align-items: flex-start; } .tiles-end { align-content: end !important; align-content: flex-end !important; } .flx .c-left, .grd .c-left { justify-content: flex-start; text-align: left; } .flx .c-right, .grd .c-right { justify-content: flex-end; text-align: right; } .flx .c-centre, .grd .c-centre { justify-content: center; text-align: center; } .flx-between, .c-between { display: flex; justify-content: space-between; } .flx-around, .c-around { justify-content: space-around; } .full-span { grid-column: 1 / -1; flex: 1 0 100%; max-width: unset; } .full-width { /* for section div */ max-width: 100% !important; } .txt-center > *, .txt-centre > * { text-align: center; } .flx.contents-center > *:not(.grd), .flx.contents-center .tile__inner:not(.grd) > *:not(.grd) { align-items: center; text-align: center !important; } .grd.contents-center > *:not(.flx), .grd.contents-center .tile__inner:not(.flx) > *:not(.flx) { /* align-items: center; */ display: grid; justify-content: center; text-align: center !important; } .flx.contents-right > *:not(.grd), .flx.contents-right .tile__inner:not(.grd) > *:not(.grd) { align-items: flex-end; text-align: right !important; } .grd.contents-right > *:not(.flx), .grd.contents-right .tile__inner:not(.flx) > *:not(.flx) { justify-items: end; text-align: right !important; } .flx.v-middle > *:not(.grd), .flx.v-middle .tile__inner:not(.grd) > *:not(.grd) { /*justify-content: center;*/ align-items: center; } /*.grd.v-middle > *:not(.flx), .grd.v-middle .tile__inner:not(.flx) > *:not(.flx) { align-items: center; }*/ .tiles-stretch, .eq-h { align-items: stretch; } .flx .grow, .flx.grow, .flx-grow { flex-grow: 1; } .grd.grow { grid-template-rows: 1fr; } .flx.nowrap { flex-wrap: nowrap; } .no-gutters { margin-left: calc(var(--gutters) * -1); margin-right: calc(var(--gutters) * -1); width: calc((2 * var(--gutters)) + 100%); } .fixed-top { position: fixed; top: 0; left: 0; right: 0; } /* ### Use only classes that are necessary ### */ .tile__inner, /* Used inside of the div in Oxy REPEATER. This div can have an href applied */ .tile__header, .tile__title, .tile__subtitle, .tile__details, .tile__content, .tile__extras, .tile__list, .tile__listitem, .tile__contacts, .tile__text, .tile__email, .tile__phone, .tile__name, .tile__image, .tile__number, .tile__icon, .tile__date, .tile__time, .tile__day, .tile__file, .tile__tax, .tile__button { width: 100%; /*display: flex; flex-wrap: nowrap; flex-direction: column;*/ } .contents-center .tile__title, .contents-center .tile__subtitle, .contents-center .tile__details, .contents-center .tile__content, .contents-center .tile__extras, .contents-center .tile__list, .contents-center .tile__listitem, .contents-center .tile__contacts, .contents-center .tile__text, .contents-center .tile__email, .contents-center .tile__phone, .contents-center .tile__name, .contents-center .tile__image, .contents-center .tile__number, .contents-center .tile__icon, .contents-center .tile__date, .contents-center .tile__time, .contents-center .tile__day, .contents-center .tile__file, .contents-center .tile__tax, .contents-center .tile__button { align-items: center; text-align: center; } .contents-right .tile__title, .contents-right .tile__subtitle, .contents-right .tile__details, .contents-right .tile__content, .contents-right .tile__extras, .contents-right .tile__list, .contents-right .tile__listitem, .contents-right .tile__contacts, .contents-right .tile__text, .contents-right .tile__email, .contents-right .tile__phone, .contents-right .tile__name, .contents-right .tile__image, .contents-right .tile__number, .contents-right .tile__icon, .contents-right .tile__date, .contents-right .tile__time, .contents-right .tile__day, .contents-right .tile__file, .contents-right .tile__tax, .contents-right .tile__button { align-items: flex-end; text-align: right; } .flx-row .tile__title, .flx-row .tile__subtitle, .flx-row .tile__details, .flx-row .tile__content, .flx-row .tile__list, .flx-row .tile__listitem, .flx-row .tile__text, .flx-row .tile__email, .flx-row .tile__phone, .flx-row .tile__name, .flx-row .tile__image, .flx-row .tile__number, .flx-row .tile__icon, .flx-row .tile__date, .flx-row .tile__time, .flx-row .tile__day, .flx-row .tile__file, .flx-row .tile__tax, .flx-row .tile__button { width: unset; } .flx .tile__inner { flex: 1; } .tile__title { } .tile__subtitle { } .tile__details { } .tile__content { } .tile__text { } .tile__image { align-items: center; } .tile__button { } /* == BOX/DROP SHADOWS == */ .glb-shadow__sm { box-shadow: var(--shadow-sm); } .glb-shadow { /* Set in Global Settings at the top of this stylesheet */ box-shadow: var(--shadow); } .glb-shadow__lg { box-shadow: var(--shadow-lg); } .box-shadow-tiny { box-shadow: 0 1px 3px 0 rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.04); /* ..a little more left offset */ /*box-shadow: -2px 1px 3px 0 rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.04);*/ } .box-shadow-med { box-shadow: 0 2.3px 6.2px rgba(0, 0, 0, 0.024), 0 5.3px 14.4px rgba(0, 0, 0, 0.034), 0 10.5px 30.2px rgba(0, 0, 0, 0.045), 0 25px 80px rgba(0, 0, 0, 0.07); } .box-shadow-med__offset { /* variation */ box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.24), -3px 3px 15px rgba(0, 0, 0, 0.31); } .box-shadow-soft { /* same as 'dreamy' below */ box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07); } .box-shadow-alt2 { box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12); } .box-shadow-alt3 { box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 2px 2px rgba(0,0,0,0.11), 0 4px 4px rgba(0,0,0,0.11), 0 8px 8px rgba(0,0,0,0.11), 0 16px 16px rgba(0,0,0,0.11), 0 32px 32px rgba(0,0,0,0.11); } .box-shadow-blog-sharp { box-shadow: 0 1px 1px rgba(0,0,0,0.25), 0 2px 2px rgba(0,0,0,0.20), 0 4px 4px rgba(0,0,0,0.15), 0 8px 8px rgba(0,0,0,0.10), 0 16px 16px rgba(0,0,0,0.05); } .box-shadow-blog-diffuse { box-shadow: 0 1px 1px rgba(0,0,0,0.08), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.16), 0 8px 8px rgba(0,0,0,0.20); } .box-shadow-blog-dreamy { box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07); } .box-shadow-shorter { box-shadow: 0 1px 1px rgba(0,0,0,0.11), 0 2px 2px rgba(0,0,0,0.11), 0 4px 4px rgba(0,0,0,0.11), 0 6px 8px rgba(0,0,0,0.11), 0 8px 16px rgba(0,0,0,0.11); } .box-shadow-longer { box-shadow: 0 2px 1px rgba(0,0,0,0.09), 0 4px 2px rgba(0,0,0,0.09), 0 8px 4px rgba(0,0,0,0.09), 0 16px 8px rgba(0,0,0,0.09), 0 32px 16px rgba(0,0,0,0.09); } .box-shadow-filter { filter: drop-shadow( -3px 3px 6px #26262661); } /* For use with modifying the Search Input with Oxy, to add a custom icon */ .screen-reader-text { display: block; clip: rect(1px,1px,1px,1px); word-wrap: normal!important; border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; overflow-wrap: normal!important; padding: 0; position: absolute!important; width: 1px; } /* ### IMPORTANT PLEASE ### */ /* ... This section of media queries is only for the FLEX and GRID framework above. For custom CSS media queries, create a new and separate style sheet */ /* ... This allows for easy future maintenance and updates of the FLEX and GRID framework as it evolves. */ /* BREAKPOINT CLASSES */ /* .brk-xl, 1100px .brk-lg, 991px .brk-md, 767px .brk-sm, 579px .brk-xs { 480px }*/ @media screen and (max-width: 1200px) { .flx-6:not(.no-break) > * { width: var(--cols-5); } .flx-6.gap-sm:not(.no-break) > * { width: calc(var(--cols-5) - var(--gap-sm)); } .grd-6:not(.no-break) { grid-template-columns: repeat(5, 1fr); } .grd-6.gap-sm:not(.no-break) { grid-template-columns: repeat(5, 1fr); } } @media screen and (max-width: 1100px) { .flx-wrap-xl { flex-wrap: wrap; } .flx.brk-xl > * { width: 100%; } .grd.brk-xl { grid-template-columns: 1fr; } .grd-4:not(.no-break):not(.brk-lg):not(.brk-md):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr 1fr; } .grd-1-4:not(.no-break):not(.brk-lg):not(.brk-md):not(.brk-sm):not(.brk-xs), .grd-4-1:not(.no-break):not(.brk-lg):not(.brk-md):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr; } } @media screen and (max-width: 991px) { .flx-wrap-lg { flex-wrap: wrap; } .flx.brk-lg > * { width: 100%; } .grd.brk-lg { grid-template-columns: 1fr; } .grd-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) { grid-template-columns: repeat(2, 1fr); } .grd-1-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs), .grd-3-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr; } .grd-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr 1fr; } .grd-1-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs), .grd-4-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr; } .flx-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap)); } .flx-3.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap-xs)); } .flx-3.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap-sm)); } .flx-3.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap)); } .flx-3.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap-lg)); } .flx-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: var(--cols-3); } .flx-4.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-xs)); } .flx-4.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-sm)); } .flx-4.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-4.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap)); } .flx-4.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-lg)); } .flx-4.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-xl)); } .flx-5:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: var(--cols-3); } .flx-5.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-4) - var(--gap-xs)); } .flx-5.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-4) - var(--gap-sm)); } .flx-5.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-4) - var(--gap)); } .flx-5.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-4) - var(--gap-lg)); } .flx-5.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-4) - var(--gap-xl)); } .flx-6:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: var(--cols-4); } .flx-6.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-4) - var(--gap-xs)); } .flx-6.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-4) - var(--gap-sm)); } .flx-6.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-4) - var(--gap)); } .flx-6.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-4) - var(--gap-lg)); } .flx-6.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-4) - var(--gap-xl)); } .flx.flx-1-2:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx.flx-2-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx.flx-1-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx.flx-3-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx.flx-2-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx.flx-3-2:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .grd.grd-1-2:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs), .grd.grd-2-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs), .grd.grd-1-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs), .grd.grd-3-1:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs), .grd.grd-2-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs), .grd.grd-3-2:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr; } } @media screen and (max-width: 767px) { /* may not get used */ /*:root { --p-m: calc(var(--p) * var(--p-mobile)); --p-xs: calc(var(--p-m) / (var(--scaling) * 2)); --p-sm: calc(var(--p-m) / var(--scaling)); --p-md: var(--p-m); --p-lg: calc(var(--p-m) * var(--scaling)); --p-xl: calc(var(--p-m) * (var(--scaling) * 2)); --neg-p-xs: calc(var(--p-sm) * -1); --neg-p-sm: calc(var(--p-sm) * -1); --neg-p-md: calc(var(--p-md) * -1); --neg-p-lg: calc(var(--p-lg) * -1); --neg-p-xl: calc(var(--p-xl) * -1); }*/ .flx-wrap-md { flex-wrap: wrap; } .flx.brk-md > * { width: 100%; } .grd.brk-md { grid-template-columns: 1fr; } /*.grd:not(.no-gap):not(.gap-sm):not(.gap-lg) { gap: var(--row-gap) var(--gap); }*/ .grd.grd-2:not(.no-break):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr; } .grd.grd-3:not(.no-break):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr; } .grd.grd-4:not(.no-break):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr 1fr; } .grd.grd-2-1:not(.no-break):not(.brk-sm):not(.brk-xs), .grd.grd-1-2:not(.no-break):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr; } .grd.grd-3-2:not(.no-break):not(.brk-sm):not(.brk-xs), .grd.grd-2-3:not(.no-break):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr; } .grd-1-4:not(.no-break):not(.brk-sm):not(.brk-xs), .grd-4-1:not(.no-break):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr; } .flx-2.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx-2.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx-2.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap)); } .flx-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: var(--cols-2); } .flx-4.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap-xs)); } .flx-4.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap-sm)); } .flx-4.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-4.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap)); } .flx-4.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap-lg)); } .flx-4.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap-xl)); } .flx-5:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: var(--cols-3); } .flx-5.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-xs)); } .flx-5.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-sm)); } .flx-5.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-5.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap)); } .flx-5.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-lg)); } .flx-5.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-xl)); } .flx-6:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: var(--cols-3); } .flx-6.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-xs)); } .flx-6.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-sm)); } .flx-6.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap)); } .flx-6.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-lg)); } .flx-6.gap-xl:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: calc(var(--cols-3) - var(--gap-xl)); } .flx.flx-1-2:not(.no-break):not(.brk-sm):not(.brk-xs) > *, .flx.flx-2-1:not(.no-break):not(.brk-sm):not(.brk-xs) > *, .flx.flx-1-3:not(.no-break):not(.brk-sm):not(.brk-xs) > *, .flx.flx-3-1:not(.no-break):not(.brk-sm):not(.brk-xs) > *, .flx.flx-2-3:not(.no-break):not(.brk-sm):not(.brk-xs) > *, .flx.flx-3-2:not(.no-break):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .grd.grd-1-2:not(.no-break):not(.brk-sm):not(.brk-xs), .grd.grd-2-1:not(.no-break):not(.brk-sm):not(.brk-xs), .grd.grd-1-3:not(.no-break):not(.brk-sm):not(.brk-xs), .grd.grd-3-1:not(.no-break):not(.brk-sm):not(.brk-xs), .grd.grd-2-3:not(.no-break):not(.brk-sm):not(.brk-xs), .grd.grd-3-2:not(.no-break):not(.brk-sm):not(.brk-xs) { grid-template-columns: 1fr; } } @media screen and (max-width: 579px) { .flx-wrap-sm { flex-wrap: wrap; } .flx.brk-sm > * { width: 100%; } .grd.brk-sm { grid-template-columns: 1fr; } .grd-2:not(.no-break):not(.brk-xs) { grid-template-columns: 1fr; } .grd-3:not(.no-break):not(.brk-xs) { grid-template-columns: 1fr; } .grd-4.brk-sm:not(.no-break):not(.brk-xs) { grid-template-columns: 1fr 1fr; } .flx.flx-2:not(.no-break):not(.brk-xs) > * { width: 100%; } .flx.flx-2.gap-xs:not(.no-break):not(.brk-xs) > * { width: 100%; } .flx.flx-2.gap-sm:not(.no-break):not(.brk-xs) > * { width: 100%; } .flx.flx-2.gap:not(.no-break):not(.brk-xs) > * { width: 100%; } .flx.flx-2.gap-lg:not(.no-break):not(.brk-xs) > * { width: 100%; } .flx-3:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx-3.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx-3.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx-3.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx-3.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx.flx-5:not(.no-break):not(.brk-xs) > *, .flx.flx-6:not(.no-break):not(.brk-xs) > * { width: var(--cols-2); } .flx.flx-5.gap-xs:not(.no-break):not(.brk-xs) > *, .flx.flx-6.gap-xs:not(.no-break):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap-xs)); } .flx.flx-5.gap-sm:not(.no-break):not(.brk-xs) > *, .flx.flx-6.gap-sm:not(.no-break):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap-sm)); } .flx.flx-5.gap:not(.no-break):not(.brk-xs) > *, .flx.flx-6.gap:not(.no-break):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap)); } .flx.flx-5.gap-lg:not(.no-break):not(.brk-xs) > *, .flx.flx-6.gap-lg:not(.no-break):not(.brk-xs) > * { width: calc(var(--cols-2) - var(--gap-lg)); } .flx.flx-1-2:not(.no-break):not(.brk-xs) > *, .flx.flx-2-1:not(.no-break):not(.brk-xs) > *, .flx.flx-1-3:not(.no-break):not(.brk-xs) > *, .flx.flx-3-1:not(.no-break):not(.brk-xs) > *, .flx.flx-2-3:not(.no-break):not(.brk-xs) > *, .flx.flx-3-2:not(.no-break):not(.brk-xs) > * { width: 100%; } .grd.grd-1-2:not(.no-break):not(.brk-xs), .grd.grd-2-1:not(.no-break):not(.brk-xs), .grd.grd-1-3:not(.no-break):not(.brk-xs), .grd.grd-3-1:not(.no-break):not(.brk-xs), .grd.grd-2-3:not(.no-break):not(.brk-xs), .grd.grd-3-2:not(.no-break):not(.brk-xs) { grid-template-columns: 1fr; } } @media screen and (max-width: 519px) { .flx-4:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-5:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-6:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx-4.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-5.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-6.gap-xs:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx-4.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-5.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-6.gap-sm:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx-4.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-5.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-6.gap-md:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-4.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-5.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-6.gap:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } .flx-4.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-5.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > *, .flx-6.gap-lg:not(.no-break):not(.brk-md):not(.brk-sm):not(.brk-xs) > * { width: 100%; } } @media screen and (max-width: 479px) { .flx-wrap-xs { flex-wrap: wrap; } .flx.brk-xs > * { width: 100%; } .grd.brk-xs { grid-template-columns: 1fr; } .flx-4:not(.no-break) > *, .flx-5:not(.no-break) > *, .flx-6:not(.no-break) > * { width: 100%; } .flx-4.gap-xs:not(.no-break) > *, .flx-5.gap-xs:not(.no-break) > *, .flx-6.gap-xs:not(.no-break) > * { width: 100%; } .flx-4.gap-sm:not(.no-break) > *, .flx-5.gap-sm:not(.no-break) > *, .flx-6.gap-sm:not(.no-break) > * { width: 100%; } .flx-4.gap:not(.no-break) > *, .flx-5.gap:not(.no-break) > *, .flx-6.gap:not(.no-break) > * { width: 100%; } .flx-4.gap-lg:not(.no-break) > *, .flx-5.gap-lg:not(.no-break) > *, .flx-6.gap-lg:not(.no-break) > * { width: 100%; } } /* ### GENERAL GLOBAL FORMATTING ### */ body { word-break: break-word; } .glb-shadow-filter { filter: drop-shadow( -3px 3px 6px #26262661); } /* Apply this class to text to be 'inset'. Actual text element should have no colour. Desired colour of the text should be set on the BG colour */ .inset-text { background-color: #5a533e; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; color: transparent; text-shadow: rgba(255,255,255,0.5) 0px 2px 2px; /* alternative - inset light text on dark background */ /*background-color: #ffffff; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; color: #ffffff61; text-shadow: rgb(0 0 0 / 76%) 1px -1px 2px;*/ } a.disabled { pointer-events: none; cursor: default; } /* Just in case iframes are added, keep them formatted and reasonably sized */ iframe { aspect-ratio: 16 / 9; width: 100%; max-width: 600px; height: 100% } /* legal list styles */ .legal { ol { list-style-type: none; } ol { counter-reset:top sub subsub; padding-inline-start: 1.7em; } ol ol{ counter-reset:sub; padding-inline-start: 2em; } ol ol ol{ counter-reset:subsub; padding-inline-start: 2.4em; } ol li:before { counter-increment:top; content: counter(top) ". "; margin-left: -1.7em; width: 1.7em; display: inline-block; } ol ol li:before { counter-increment:sub; content: counter(top) "." counter(sub) " "; margin-left: -2em; width: 2em; display: inline-block; } ol ol ol li:before { counter-increment:subsub; content: counter(top) "." counter(sub) "." counter(subsub) " "; margin-left: -2.4em; width: 2.4em; display: inline-block; } } /* Printing Stuff */ @media print { body { background-color: white; color: black; padding: 10px; } .no-print { display: none !important; } .print-main { width: 100% !important; /* Haven't used yet. Idea is to nominate a "main container" for content to be printed within */ } @page { size: A4 portrait; margin: 2cm; } } /*
formatting */ * br { content: ""; display: block; margin-top: 8px; } img { max-width: 100%; height: auto; } ul li:not(li.menu-item) { margin: 10px 0; } ol:not(.oxel-breadcrumb ol) li { margin: 15px 0; } ol li::marker { font-weight: 500; } p, ol { margin-block-start: .5em; margin-block-end: .5em; } /* ## MAX ITEM WIDTH - because sometimes it's just needed ## */ .max-w-sm { width: 100%; max-width: var(--maxwsm); } .max-w-md { width: 100%; max-width: var(--maxwmd); } .max-w-lg { width: 100%; max-width: var(--maxwlg); } .p-xs { padding: var(--p-xs); } .p-sm { padding: var(--p-sm); } .p-md, .p { padding: var(--p-md); } .p-lg { padding: var(--p-lg); } .p-xl { padding: var(--p-xl); } .top-p0 { padding-top: 0; } .bottom-p0 { padding-bottom: 0; } .pad-tb0 { padding-top: 0; padding-bottom: 0; } /* X and Y axis padding .p-X-Y 1 = xs 2 = sm 3 = default 4 = lg */ .p-0-1, .p-0-2, .p-0-3, .p-0-4, .p-0-5 { padding-left: 0; padding-right: 0; } .p-1-0, .p-1-2, .p-1-3, .p-1-4, .p-1-5 { padding-left: var(--p-xs); padding-right: var(--p-xs); } .p-2-0, .p-2-1, .p-2-3, .p-2-4, .p-2-5 { padding-left: var(--p-sm); padding-right: var(--p-sm); } .p-3-0, .p-3-1, .p-3-2, .p-3-4, .p-3-5 { padding-left: var(--p); padding-right: var(--p); } .p-4-0, .p-4-1, .p-4-2, .p-4-3, .p-4-5 { padding-left: var(--p-lg); padding-right: var(--p-lg); } .p-5-0, .p-5-1, .p-5-2, .p-5-3, .p-5-4 { padding-left: var(--p-xl); padding-right: var(--p-xl); } .p-0-1, .p-2-1, .p-3-1, .p-4-1, .p-5-1 { padding-top: var(--p-xs); padding-bottom: var(--p-xs); } .p-0-2, .p-1-2, .p-3-2, .p-4-2, .p-5-2 { padding-top: var(--p-sm); padding-bottom: var(--p-sm); } .p-0-3, .p-1-3, .p-2-3, .p-4-3, .p-5-3 { padding-top: var(--p); padding-bottom: var(--p); } .p-0-4, .p-1-4, .p-2-4, .p-3-4, .p-5-4 { padding-top: var(--p-lg); padding-bottom: var(--p-lg); } .p-0-5, .p-1-5, .p-2-5, .p-3-5, .p-4-5 { padding-top: var(--p-xl); padding-bottom: var(--p-xl); } .bdr-rad-xs { border-radius: var(--bdr-rad-xs); } .box-rad-sm, .bdr-rad-sm { border-radius: var(--bdr-rad-sm); overflow: hidden; } .box-rad, .bdr-rad { /* default */ border-radius: var(--bdr-rad); overflow: hidden; } .box-rad-lg, .bdr-rad-lg { border-radius: var(--bdr-rad-lg); overflow: hidden; }/* ### SITE FORMATTING ### */ :root { --body-lh: 1.4; /* not currently used - Oxy global settings used */ --heading-lh: 1.2; /* not currently used - Oxy global settings used */ --htag-top-m: 3vmin; } h2, h3, h4, h5, h6 { margin-top: 0; } * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: var(--htag-top-m); } a:not(:has(img)) { border-bottom: 1px dotted transparent; transition: .3s; } a:not(:has(img)):hover { border-bottom-color: #282828; } .glb-div-container, .glb-div-container__bg { filter: drop-shadow( 0 0 2px #987); } .glb-div-container__bg { background-color: #ffffff; border-radius: var(--bdr-rad-sm); /* overflow: hidden; */ } .glb-container-tile { background-color: #ffffff; border-radius: var(--bdr-rad-sm); filter: drop-shadow( 0 0 2px #987); } iframe { aspect-ratio: 16 / 9; width: 100%; max-width: 600px; height: 100% } .sa-home-top, .sa-pillar { grid-template-columns: 2fr 1fr; grid-template-areas: "vision nav" "vision pillars" "vision featured"; grid-template-rows: auto auto 1fr; } .sa-pillar { grid-template-areas: "mission pillars" "function resources"; } .pillar-resources a, .sa-agroup-container a { color: #8b3a19; transition: .2s; } .sa-agroup-container a:not(.sa-link__button):hover, .sa-offices-container a:not(a.sa-agroup__tile):hover { border-bottom: 1px dotted #282828; } .sa-link__button { width: max-content; padding-top: var(--p-xs); padding-right: var(--p); padding-bottom: var(--p-xs); padding-left: var(--p); background-color: #9e9e9e; border: none; min-width: 8em; border-radius: var(--bdr-rad-xs); transition: .3s; } .sa-link__button:hover { background-color: #8b3a19; } .empty-cell, .sa-office-tiles .tile__details > div.empty-cell { border: none; background: transparent; padding: 0; } .glb-p-sm { padding: var(--p-sm); } .glb-p-lg { padding: var(--p-lg); } .glb-p-xl { padding: var(--p-xl); } .link-colour { color: #8b3a19; } .ct-span { width: 100%; } .sa-body *:not(h2) + h2, .sa-body *:not(h3) + h3, .sa-body *:not(h4) + h4, .sa-body *:not(h5) + h5, .sa-body *:not(h6) + h6 { padding-top: var(--p-lg); } .sa-body * h2, .sa-body * h3, .sa-body * h4, .sa-body * h5, .sa-body * h6 { padding-bottom: var(--p); } .sa-body h3, .sa-body h4, .sa-body h5, .sa-body h6 { font-size: var(--fs5); color: #8b3a19; } .sa-page-heading { text-align: center; background: #fff; border-radius: 50px; padding: var(--p) var(--p-xl); filter: drop-shadow( 0 0 2px #987); } .sa-sub-heading__xl { padding: var(--p) var(--p) var(--p-sm); border-bottom: 4px solid #707070; margin: var(--neg-p-xl) var(--neg-p-xl) 10px var(--neg-p-xl); background: #8b3a19; color: #fff; width: unset !important; } .sa-tile-heading, .sa-sub-heading { padding: var(--p) var(--p-lg) var(--p-sm); border-bottom: 4px solid #e5e5e5; border-top-left-radius: var(--bdr-rad-sm); border-top-right-radius: var(--bdr-rad-sm); background: #8b3a19; color: #fff; } .sa-tile-heading__tab, .sa-tile-heading__tab2 { padding: var(--p) var(--p-xl) var(--p-sm); border-bottom: 4px solid #707070; border-top-left-radius: var(--bdr-rad-sm); border-top-right-radius: var(--bdr-rad-sm); background: #8b3a19; width: max-content; color: #fff; } .sa-tile-heading__tab2 { background: #fff; color: #282828; } .sub-heading__col2 { background: #499b54; } .item-heading { background: #e5e5e5; padding: var(--p-sm) var(--p-lg) calc(var(--p-sm) - .2em); align-items: flex-start; border-bottom: 1px solid #9e9e9e; } .item-description, p.item-description { margin-block: 0; font-style: italic; font-size: var(--fs-1); } /* ### MAIN HEADER ### */ .main-header { display: grid; grid-template-columns: 1fr 3fr 1fr; grid-template-areas: "seal title region"; gap: var(--gap); align-items: stretch; } .main-header img { object-fit: contain; width: 100%; height: 100%; } .main-header__main-seal { grid-area: seal; display: grid; align-items: center; } .main-header__title { grid-area: title; display: grid; align-items: center; justify-content: center; } .main-header__region { grid-area: region; display: grid; align-items: start; } /* ### SINGLE POST HEADER ### */ .sa-post-header { border-bottom: 2px solid #9e9e9e; } .sa-post-header .tile__date { background-color: #1a1a1a; color: #ffffff; text-align: left; align-items: flex-end; } .sa-post-header .tile__tax { background-color: #8b3a19; color: #ffffff; font-weight: 500; } .sa-post-header .tile__tax a { color: #fff; transition: .3s; } .sa-post-header .tile__tax a:hover { border-bottom: 1px dotted #fff; } /* ### HOME ### */ .sa-news-home-tile { display: grid; grid-template-columns: minmax(120px, 18%) 1fr; grid-template-areas: "img title" "img text" "img date"; grid-template-rows: auto 1fr auto; gap: 0; align-items: start; } .sa-news-home-tile .tile__title { grid-area: title; } .sa-news-home-tile .tile__image { grid-area: img; height: 100%; } .sa-news-home-tile .tile__text { grid-area: text; font-size: var(--fs-1); } .sa-news-home-tile .tile__date { grid-area: date; } .sa-news-home-tile .tile__image img { object-fit: cover; width: 100%; height: 100%; } .sa-news-list { /* max-height: 70vh; overflow-y: auto; */ } .sa-news-list .tile__text { padding: var(--p-sm) var(--p-lg); } .sa-news-list .tile__title { color: #fff; background: #707070; /* padding: calc(var(--p-sm) / 2) var(--p-lg); */ border-bottom: 1px solid #8b3a19; transition: .2s; } .sa-news-list .tile__date { background: #e5e5e5; font-weight: 500; font-size: var(--fs-1); padding: calc(var(--p-sm) / 2) var(--p-sm); align-items: flex-end; } .sa-news-list .tile__inner:hover .tile__title { background: #9e9e9e; } .sa-pillar-column .sa-pillar-tile { display: flex; flex-flow: row nowrap; justify-content: space-between; background: #fff; border-bottom: 1px solid #e5e5e5; } .sa-pillar-tile { transition: .2s; } .sa-pillar-tile .title, .sa-pillar-tile .sa-icon { color: #8b3a19; } .sa-pillar-tile .sa-icon { margin-left: 3vmin; } .sa-pillar-tile:hover .title, .sa-pillar-tile:hover .sa-icon { color: #fff; } .sa-pillar-tile:hover { background-color: #9e9e9e; } .sa-events-box { } .sa-events-box, .single-event { .sa-event-month { padding: var(--p) var(--p-lg) var(--p-sm); border-bottom: 4px solid #e5e5e5; border-top-left-radius: var(--bdr-rad-sm); border-top-right-radius: var(--bdr-rad-sm); background: #8b3a19; color: #fff; margin-bottom: calc(var(--row-gap-sm) * -1); position: sticky; top: 65px; z-index: 10; } .sa-event .tile__main { transition: .2s; cursor: pointer; background: #fff; border: 1px solid #e5e5e5; box-shadow: 0px 2px 6px rgba(49, 49, 49, 0.11); transition: opacity .4s, background-color .4s; border-radius: var(--bdr-rad); overflow: hidden; z-index: 1; } .sa-event .tile__title, .sa-event .tile__date { color: #fff; background: #707070; transition: .2s; z-index: 1; min-height: 4.4em; justify-content: center; padding: 3px; } .sa-event .tile__title { padding: var(--p-sm) var(--p-lg); display: grid; align-items: center; } .sa-event .tile__date { position: relative; min-height: unset; background: #1a1a1a; grid-template-areas: "day details" "tax tax"; } .sa-event .tile__date > div:first-of-type { font-size: var(--fs-xxl); font-family: 'Crimson pro'; line-height: 1; font-weight: 600; align-content: center; white-space: nowrap; } .sa-event .tile__day { grid-area: day; } .sa-event .tile__details { display: grid; grid-template-rows: 1fr 1.5fr; grid-area: details; gap: 0; text-align: left; } .sa-event .tile__details div:nth-child(2) { font-size: var(--fs5); font-weight: 500; } .sa-event .tile__details div:nth-child(3) { border-top: 1px dotted #707070; text-align: right; padding: 2px var(--p); } .sa-event .tile__details div:nth-child(3) a, .sa-event .tile__details div:nth-child(3) span { font-size: var(--fs-2); color: #fff; } .sa-event .tile__details div:nth-child(3) a { display: inline-block; border-bottom: 1px dotted transparent; transition: .3s; } .sa-event .tile__details div:nth-child(3) a:hover { border-color: #fff; } .sa-event .tile__tax { grid-area: tax; text-align: right; padding: 2px var(--p-sm) 0; border-top: 1px dotted #707070; font-size: var(--fs-2); color: #ddd; } .sa-event .tile__main:hover .tile__title { background: #9e9e9e; } .sa-event .sa-event-title h6 { font-weight: 600; } .sa-event .sa-event-recurring { position: absolute; top: 0; right: 0; padding: 0 var(--p); background: #3ac730; text-align: center; border-bottom-left-radius: var(--bdr-rad-xs); } .sa-event .sa-event-title, .sa-event .sa-event-recurring { display: grid; align-items: center; } .sa-event .fullday { font-weight: 600; } .sa-event .tile__text { padding: var(--p-xs) var(--p-sm); border-left: 1px solid #e5e5e5; font-size: var(--fs-1); color: #282828; } .sa-event .tile__text p { margin-block-start: .5em; margin-block-end: .5em; } .sa-event .tile__image { position: relative; padding-top: 100%; overflow: hidden; } .sa-event .tile__image img { position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; width: 100%; height: 100%; } .sa-event .tile__extras { font-size: var(--fs-2); color: #9e9e9e; padding: var(--p-xs); border-top: 1px solid #e5e5e5; transition: .3s; } .sa-event .tile__main:hover .tile__extras { color: #282828; } .sa-event .tile__button { position: relative; min-height: 3.3em; } .sa-event .call-button, .sa-event .booking-button { padding: var(--p-xs) var(--p-sm); border-radius: var(--bdr-rad); color: #fff; transition: .3s; position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: grid; align-items: center; } .sa-event .call-button { background: #3ac730; } .sa-event .booking-button { background: #007ef4; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; } .sa-event .booking-button div:nth-child(2) { vertical-align: middle; line-height: .4; margin-left: var(--p); } .sa-event .booking-button svg { width: 32px; height: auto; } .sa-event .call-button.disabled { padding: var(--p-xs) var(--p-sm); border-radius: var(--bdr-rad); background: #9e9e9e; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .sa-event .call-button:not(.disabled):hover, .sa-event .booking-button:hover { transform: translateY(-3px); } .single-event__header { border-bottom: 1px solid #e5e5e5; } .single-event__header .tile__content { grid-template-rows: 1fr auto; align-items: normal; background: #282828; color: #fff; } ul.single-event__resources { margin-block: 0; } .single-event__resources { li { position: relative; } li:after { content: ""; position: absolute: right: 0; top: 0; bottom: 0; width: 1em; } } a.fasc-button { border-radius: var(--bdr-rad-sm); padding: var(--p-sm) var(--p-lg); } .sa-event .tile__details .sa-event-time__icon { padding: 0 2px 0 var(--p-sm); } .sa-event .tile__details .sa-event-time__icon img { width: 22px; vertical-align: middle; } .zone { font-size: var(--fs0); padding-left: 6px; } } .sa-events__summary { background: #fff; box-shadow: var(--shadow-sm); .sa-event__current { h4 { color: #8b3a19; border-bottom: 3px solid #8b3a19; } .event__tile { background: #fff; } .tile__image { width: 70px; border-top-left-radius: var(--bdr-rad-sm); border-bottom-left-radius: var(--bdr-rad-sm); border: 1px solid #e5e5e5; overflow: hidden; } .tile__content { font-size: var(--fs-1); background: #4f4f4f; color: #fff; } .tile__time { background: #1a1a1a; color: #fff; margin-top: auto; } .tile__button { transition: .3s; } .tile__button:hover { transform: translateY(-3px); } .tile__button a { padding: var(--p-xs) var(--p-sm); border-radius: var(--bdr-rad-sm); color: #fff; transition: .3s; background: #3ac730; display: grid; align-items: center; height: 100%; text-align: center; } .the_time { margin-left: auto; } .zone { font-size: var(--fs-2); padding-left: 6px; margin-top: auto; } } } /* ### ACCORDION GLOBAL ### */ #content-accordion p, #content-accordion li { font-family: 'Open Sans'; } .content_accordion__item, .content_section_accordion__item, .content_sub_accordion__item, .toc-heading { position: relative; } .content_section_accordion__item, .content_sub_accordion__item, .toc-heading { margin-bottom: 10px; } .content_accordion__item h3 { margin-bottom: var(--p-lg); padding-bottom: var(--p-sm); border-bottom: 2px solid #e5e5e5; } .toc-container { /* width: 95%; max-width: 700px; */ } /* .toc-container > div:first-of-type { background: #fff; border: 1px solid #efefefd1; box-shadow: 0px 3px 8px #c8e4f7; } */ .toc-hide { display: none !important; } .toc-heading { background-color: #e5e5e5; color: #8b3a19; padding: var(--p-lg) 70px var(--p-xs) var(--p); } .content_sub_accordion__item { } .content_sub_accordion__item h4.ui-accordion-header { border-left: 4px solid #8b3a19; padding: .5em .5em .5em 1.7em !important; } .content-title-button__main, .content-title-button__sub { background: #fff; border: 1px solid #8b3a19; border-radius: 3px; color: #8b3a19; padding: 2px 8px; font-size: var(--fs-2); position: absolute; top: 5px; right: 5px; text-align: center; line-height: 1.2; min-width: 6.4em; cursor: pointer; transition: .2s; } .content-title-button__main:hover, .content-title-button__sub:hover { background: #8b3a19; color: #fff; border-color: #fff; } .link-copy-button span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; justify-content: center; background-color: #6fbf00; line-height: 1.4; } .content-toc__section { font-weight: 600; font-size: var(--fs-1); margin-left: var(--p); margin-block: .2em; color: #fff; transition: .3s; } a.content-toc__section:hover { border-bottom-color: #fff; } .content-toc__main { margin-left: .6em; font-weight: 600; font-size: var(--fs-2); margin-block: .2em; } .content-toc__sub { margin-left: 2em; font-style: italic; font-size: var(--fs-2); margin-block: .2em; } .content_accordion__content, .content_sub_accordion__content { padding: var(--p) var(--p-lg); overflow-x: auto; } /* .content_accordion__content > p:first-of-type:not(.subItems .content_accordion__content > p:first-of-type) { margin-block-start: 0; } */ .subItems { padding-top: .5em; } .mainItems a.fasc-button { width: 100%; } .ui-accordion .ui-accordion-header { padding: .5em .5em .5em 1.7em !important; } .ui-accordion .ui-accordion-content { padding: var(--p); } .ui-icon { margin-right: .6em; margin-left: -1.3em; } .ui-widget-content a { color: #8b3a19; } .ui-widget-content a:hover { /* color: rgba(18,124,29,0.82); */ } /* ### PILLAR PAGES ### */ /* ### ACCORDION COMPONENT ### */ .sa-offices-container { /* padding: 0 1vmin 0 3vmin; */ /* padding: 0 var(--p-lg) var(--p-lg) calc(var(--p-lg) * 3); not sure why the large left margin? */ padding: 0 var(--p-lg) var(--p-lg); } .sa-office-tiles { /* border: 1px solid #8b3a19; */ border: none; border-radius: var(--bdr-rad-sm); overflow: hidden; } .sa-office-tiles .ui-state-active, .sa-office-tiles .ui-state-default { background: #e5e5e5; color: #282828; font-weight: 500; border: none; transition: .2s; } .sa-office-tiles .ui-state-hover { background: #9e9e9e; } .sa-office-tiles .ui-state-active { border-bottom: 1px dotted #9e9e9e; background: #9e9e9e; } .ui-accordion .sa-office-tiles .ui-accordion-header { font-size: var(--fs6); margin: 0; } .ui-accordion .sa-office-tiles .ui-accordion-content { /* padding: 2vmax 1vmax 1vmax; */ padding: calc(var(--p-lg) * 2) var(--p-lg) var(--p-lg); } /* ============================ */ /* ### OFFICE TILES - ACCORDION INTERNAL ### */ .sa-office-tiles .tile__details > div { padding: .2em .3em; border-bottom: 1px dotted #9e9e9e; } .sa-office-tiles .tile__details { margin-bottom: 10px; } .sa-office-tiles .office-contacts { display: grid; grid-template-columns: 2fr 3fr; gap: var(--gap-sm); grid-template-areas: "name email" ". phone"; } .sa-office-tiles .office-contacts .tile__name { grid-area: name; } .sa-office-tiles .office-contacts .tile__email { grid-area: email; } .sa-office-tiles .office-contacts .tile__phone { grid-area: phone; } .sa-tab-heading, .sa-tab-heading2 { width: 100%; position: relative; z-index: 1; } .sa-tab-heading h5, .sa-tab-heading2 h5 { background: #fff; color: #fff; padding: var(--p) var(--p-lg); width: max-content; border-top-left-radius: var(--bdr-rad); border-top-right-radius: var(--bdr-rad); border-bottom: 5px solid #707070; } .sa-agroup-container { display: grid; grid-template-columns: 3fr 1fr; gap: var(--gap); grid-template-areas: "text details" "list details"; grid-template-rows: auto 1fr; align-content: start; align-items: start; } .sa-agroup-container > .tile__details { grid-area: details; position: sticky; top: 85px; align-self: start; } .sa-agroup-container .tile__details .tile__date { background: #499b54; color: #fff; } .sa-agroup h6, .sa-aagroup h6 { font-size: var(--fs0); background: none; padding: .2em 0; color: #282828; border-bottom: 1px solid #e5e5e5; } .sa-agroup__tile, .sa-aagroup__tile { padding: var(--p-sm); transition: .2s; border-radius: var(--bdr-rad-xs); } .sa-agroup__tile:hover, .sa-aagroup__tile:hover { filter: brightness(0.8); } .sa-agroup__tile .tile__title, .sa-aagroup .tile__title { color: #fff; font-size: var(--fs-1); } .sa-aagroup .sa-office-list__tile .tile__title { color: #282828; } .sa-agroup__type0, .sa-aagroup__type0, .sa-tab-heading__type0:after { background: #707070; padding: var(--p-sm); color: #fff; } .sa-agroup__type1, .sa-aagroup__type1, .sa-tab-heading__type1 h5, .sa-tab-heading__type1:after { background: #ce5252; } .sa-agroup__type2, .sa-aagroup__type2, .sa-tab-heading__type2 h5, .sa-tab-heading__type2:after { background: #4c67b2; } .sa-agroup__type3, .sa-aagroup__type3, .sa-tab-heading__type3 h5, .sa-tab-heading__type3:after { background: #499b54; } .sa-agroup__type4, .sa-aagroup__type4, .sa-tab-heading__type4 h5, .sa-tab-heading__type4:after { background: #db6a13; } .sa-agtype { padding: .3em 1em; color: #fff; font-size: var(--fs-2); } .sa-aagroup { background: #fff; } .sa-aagroup-class__tile { border: 1px solid #9e9e9e; background: #fff; filter: drop-shadow( 0 0 2px #987); } .sa-aagroup .col-title { text-align: center; border-bottom: 1px solid #e5e5e5; color: #9e9e9e; } .sa-office-list { grid-area: list; } .sa-office-list__tile { border: 1px solid #9e9e9e; background: #e5e5e5; text-align: center; transition: .2s; border-radius: var(--bdr-rad-xs); } .sa-office-list__tile:hover { filter: brightness(.8); } .sa-office-list .tile__title, .sa-office-list .tile__details { color: #282828; } .sa-office-list .tile__title { } .sa-office-list .tile__details { } /* ### MAPS ### */ .open-user-map #location-fullscreen-container { display: none !important; } body.oum-location-opened { overflow: auto !important; } .tta-map-text img { vertical-align: baseline; } /* -- location marker size -- */ /* .open-user-map .box-wrap .map-wrap .leaflet-map img.leaflet-marker-icon:not(.marker-cluster) { --icon_height: 30px; --icon_width: 20px; width: var(--icon_width) !important; height: var(--icon_height) !important; margin-top: calc(-1 * var(--icon_height)) !important; margin-left: calc(var(--icon_width) / -2) !important; } */ /* ### MENU AND MEGA MENU ### */ #-pro-menu-591-8 .oxy-pro-menu-container .menu-item > a { background: #e5e5e5; } #-pro-menu-591-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li.menu-item-has-children > a div, #-pro-menu-598-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li.menu-item-has-children > a div { margin-left: auto; padding-left: 10px; } #-pro-menu-591-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li ul.sub-menu, #-pro-menu-598-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li ul.sub-menu { background: #fff; padding: 10px; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); grid-gap: 1rem; max-width: 650px; width: 50vw; } #-pro-menu-591-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li ul.sub-menu li a, #-pro-menu-598-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li ul.sub-menu li a { background-color: #fff !important; text-wrap: wrap; font-weight: 600; } #-pro-menu-591-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li ul.sub-menu li a:hover, #-pro-menu-598-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li ul.sub-menu li a:hover { background-color: #e5e5e5 !important; color: #282828 !important; } #-pro-menu-591-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li ul.sub-menu li a .menu-description, #-pro-menu-598-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li ul.sub-menu li a .menu-description { text-transform: initial; padding: 8px 6px 2px 6px; margin: 0 -6px; border-top: 1px solid #203786; font-weight: 400; background: #fff; font-size: var(--fs-2); transition: .2s; width: 100% } #-pro-menu-591-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li ul.sub-menu li a:hover .menu-description, #-pro-menu-598-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li ul.sub-menu li a:hover .menu-description { color: #282828 !important; } #-pro-menu-591-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li.menu-item-has-children > a svg, #-pro-menu-598-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li.menu-item-has-children > a svg { transform: rotate(-90deg); } /* Dropdown item hover background colour */ #-pro-menu-591-8 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a:hover, #-pro-menu-598-8 .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .menu-item a:hover { background: #9e9e9e; } #-pro-menu-591-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li.menu-item-has-children > a:hover svg, #-pro-menu-598-8 .oxy-pro-menu-show-dropdown .oxy-pro-menu-list li ul li.menu-item-has-children > a:hover svg { transform: rotate(-90deg); } #-slide-menu-509-19 .oxy-slide-menu_dropdown-icon-click-area { background: #8b3a19; margin: var(--neg-p-lg) 0; } .oxy-pro-menu .site-mega-menu__item.menu-item > a { display: flex; flex-direction: column; align-items: flex-start; } /* ### FAQ ACCORDION ### */ /* BODY text: 17px > 20px */ /* @link https://utopia.fyi/type/calculator/?c=320,18,1.125,1400,22,1.25,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l */ /* #tasa-faq p {font-size: clamp(0.9375rem, 0.8819rem + 0.2778vi, 1.125rem);} #tasa-faq H1 {font-size: clamp(1.3834rem, 1.3015rem + 0.4099vi, 1.6601rem);} #tasa-faq H2 {font-size: clamp(1.2966rem, 1.2197rem + 0.3842vi, 1.5559rem);} #tasa-faq H3 {font-size: clamp(1.2151rem, 1.1431rem + 0.36vi, 1.4582rem);} #tasa-faq H4 {font-size: clamp(1.1388rem, 1.0714rem + 0.3374vi, 1.3666rem);} #tasa-faq H5 {font-size: clamp(1.0673rem, 1.0041rem + 0.3162vi, 1.2808rem);} #tasa-faq H6 {font-size: clamp(1.0003rem, 0.941rem + 0.2964vi, 1.2004rem);} */ /* https://utopia.fyi/type/calculator/?c=320,14,1.067,1200,16,1.067,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */ /* #tasa-faq h2, #tasa-faq h3, #tasa-faq h4, #tasa-faq h5, #tasa-faq h6 { margin-bottom: 20px; } */ #tasa-faq h4 { margin-bottom: 0; } #tasa-faq p, #tasa-faq ul, #tasa-faq ol {font-size: clamp(0.875rem, 0.8295rem + 0.2273vi, 1rem);} #tasa-faq H1 { font-size: clamp(1.3834rem, 1.3015rem + 0.4099vi, 1.6601rem); font-weight: 600; } #tasa-faq H2 { /* font-size: clamp(1.2966rem, 1.2197rem + 0.3842vi, 1.5559rem); */ font-size: var(--fs2); font-weight: 600; /* background: #fff; */ /* color: #fff; */ } #content-accordion-off H2 { /* padding-bottom: var(--p-sm); border-bottom: 3px solid #282828; */ } #tasa-faq H2.ui-state-hover { background: #9e9e9e; color: #fff; } #tasa-faq H3 { /* font-size: clamp(1.1341rem, 1.0752rem + 0.2946vi, 1.2962rem); */ font-size: var(--fs4); font-weight: 600; } #tasa-faq H4 { /* font-size: clamp(1.0629rem, 1.0077rem + 0.2761vi, 1.2148rem); */ /* font-size: clamp(0.9962rem, 0.9444rem + 0.2587vi, 1.1385rem); */ font-size: var(--fs5); font-weight: 600; } #tasa-faq H5, h5.faq-h5 { /* font-size: clamp(0.9962rem, 0.9444rem + 0.2587vi, 1.1385rem); */ font-size: var(--fs6); font-weight: 600; color: #3ac730; padding: 1vmin 0 0; } #tasa-faq H6:not(.contact-list__items h6), h6.faq-h6 { /* font-size: clamp(0.9336rem, 0.8851rem + 0.2425vi, 1.067rem); */ font-size: var(--fs0); font-weight: 600; padding: 1vmin 0 0; } #tasa-faq h5.toc-title { color: #fff; } #tasa-faq .content_accordion__item, #tasa-faq .content_section_accordion__item, #tasa-faq .content_sub_accordion__item, #tasa-faq .toc-heading { position: relative; } #tasa-faq .content_section_accordion__item, #tasa-faq .content_sub_accordion__item, #tasa-faq .toc-heading { margin-bottom: 10px; } #tasa-faq .content_accordion__item { /* margin-bottom: var(--p-xl); */ padding: var(--p) var(--p-lg); } #tasa-faq .content_accordion__item h3 { margin-bottom: var(--p-lg); padding-bottom: var(--p-sm); border-bottom: 2px solid #e5e5e5; } #tasa-faq .content-sub-accordion h4 { border-bottom: none; font-family: 'Open Sans'; font-size: var(--fs0); } #tasa-faq ul { padding-inline-start: 25px; } #tasa-faq li { padding: var(--p-xs) 0; margin: var(--p-xs) 0; } #content-toc { /* padding: 20px 40px; */ padding: var(--p) 0; max-height: 60vh; overflow: auto; text-align: left; border-bottom: 2px dotted #9e9e9e; } /* ### FAQ ACCORDION ### */ /* BODY text: 17px > 20px */ /* @link https://utopia.fyi/type/calculator/?c=320,18,1.125,1400,22,1.25,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l */ /* #tasa-faq p {font-size: clamp(0.9375rem, 0.8819rem + 0.2778vi, 1.125rem);} #tasa-faq H1 {font-size: clamp(1.3834rem, 1.3015rem + 0.4099vi, 1.6601rem);} #tasa-faq H2 {font-size: clamp(1.2966rem, 1.2197rem + 0.3842vi, 1.5559rem);} #tasa-faq H3 {font-size: clamp(1.2151rem, 1.1431rem + 0.36vi, 1.4582rem);} #tasa-faq H4 {font-size: clamp(1.1388rem, 1.0714rem + 0.3374vi, 1.3666rem);} #tasa-faq H5 {font-size: clamp(1.0673rem, 1.0041rem + 0.3162vi, 1.2808rem);} #tasa-faq H6 {font-size: clamp(1.0003rem, 0.941rem + 0.2964vi, 1.2004rem);} */ /* https://utopia.fyi/type/calculator/?c=320,14,1.067,1200,16,1.067,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */ #tasa-offices h2, #tasa-offices h3, #tasa-offices h4, #tasa-offices h5, #tasa-offices h6 { margin-bottom: 20px; } #tasa-offices h4 { margin-bottom: 0; } #tasa-offices p, #tasa-offices ul, #tasa-offices ol {font-size: clamp(0.875rem, 0.8295rem + 0.2273vi, 1rem);} #tasa-offices H1 { font-size: clamp(1.3834rem, 1.3015rem + 0.4099vi, 1.6601rem); font-weight: 600; } #tasa-offices H2 { font-size: clamp(1.2966rem, 1.2197rem + 0.3842vi, 1.5559rem); font-weight: 600; background: #707070; } #tasa-offices H2.ui-state-hover { background: #9e9e9e; color: #fff; } #tasa-offices H3 { font-size: clamp(1.1341rem, 1.0752rem + 0.2946vi, 1.2962rem); font-weight: 600; } #tasa-offices H4 { /* font-size: clamp(1.0629rem, 1.0077rem + 0.2761vi, 1.2148rem); */ font-size: clamp(0.9962rem, 0.9444rem + 0.2587vi, 1.1385rem); font-weight: 600; } #tasa-offices H5 {font-size: clamp(0.9962rem, 0.9444rem + 0.2587vi, 1.1385rem);} #tasa-offices H6 {font-size: clamp(0.9336rem, 0.8851rem + 0.2425vi, 1.067rem);} #tasa-offices .content-sub-accordion h4 { border-bottom: none; font-family: 'Open Sans'; font-size: var(--fs0); } #tasa-offices ul { padding-inline-start: 25px; } #tasa-offices li { padding: .3em 0; } /* ### FAQ - Assembly Contacts ### */ .list-pillar { padding: var(--p-xs) var(--p); background: #e5e5e5; } .contact-list__items { max-width: 58em; width: 100%; padding-top: var(--p-lg); padding-left: var(--p-lg); h6 { padding: 0 !important; } } .contact-list__pillar-row + .contact-list__pillar-row { padding-top: var(--p); } .contact-list__note, .contact-list__contacts { padding-top: var(--p); padding-left: var(--p-lg); } .contact-list__contacts { ul { margin-block: 0; li { padding: 0 !important; p { margin-block: 0; } } } } /* ##### TASA Assembly - ARCHIVE PAGE ##### */ .sa-news-container { } .sa-news-container .tile__image { position: relative; padding-top: 60%; overflow: hidden; } .sa-news-container .tile__image img{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%) scale(1,1); transition: .3s; transform-origin: center; width: 100%; height: 100%; object-fit: cover; } .sa-news .tile__inner { grid-template-rows: auto 1fr; } .sa-news .tile__content { align-items: stretch; flex-flow: column; } .sa-news .tile__title { color: #fff; background: #707070; font-size: var(--fs0); padding: var(--p-sm) var(--p); transition: .3s; flex: 1; text-decoration: none; position: relative; } .sa-news .tile__button { font-size: var(--fs-1); padding: var(--p-xs) var(--p); color: #888; transition: .3s; text-align: right; justify-content: flex-end; } .sa-news .tile__inner:hover .tile__image img { transform: translateY(-50%) scale(1.1,1.1); } .sa-news .tile__inner:hover .tile__title { background: #9e9e9e; color: #fff; text-decoration: none; } .sa-news .tile__inner:hover .tile__button { color: #fff; background: #8b3a19; } .sa-news .tile__tax, .sa-news .tile__date { background: #1a1a1a; padding: var(--p-xs) var(--p); color: #fff; font-size: var(--fs-1); flex-flow: row wrap; justify-content: end; } .sa-news .tile__date span { padding-left: var(--p-sm); position: relative; transition: .3s; } .sa-news .tile__tax { border-top: 1px solid #777; } .sa-news .tile__tax span { display: flex; flex-flow: row wrap; justify-content: flex-end; margin: 0 -.3vmin; } .sa-news__tax { position: sticky; top: 65px; max-height: 88vh; z-index: 10; } .sa-news__tax .tile__title .tap, .sa-news__tax .tile__title .btn { position: absolute; display: none; right: 15px; top: 50%; transform: translateY(-50%); font-size: var(--fs-1); font-style: italic; color: #fff; } .sa-news__tax .tile__title .btn { right: unset; left: 5px; background: #707070; font-style: normal; border-radius: 3px; padding: 5px 8px; font-weight: 600; } .sa-news__tax .sa-tax-box .tile__content, .sa-news__tax:not(:has(.sa-tax-box)) .tile__content { overflow-y: auto; height: 0; transition: .3s; } .sa-news__tax .sa-tax-box .tile__content.show, .sa-news__tax:not(:has(.sa-tax-box)) .tile__content.show { overflow-y: auto; padding: var(--p) var(--p-sm) var(--p-sm); height: unset; } .sa-cat-list, .sa-cat-list.sa-cat-list__all, .sa-news .tile__tax a { background: #707070; padding: 2px 10px; margin: .3vmin; font-size: var(--fs-2); color: #fff; border: 1px solid #707070; border-radius: 1em; transition: .2s; display: inline-block; } .sa-cat-list:hover, .sa-news .tile__tax a:hover { border-color: #8b3a19; background: #8b3a19; text-decoration: none; } .sa-cat-list.sa-cat-list__all { background-color: #8b3a19; border: 1px solid #8b3a19; color: #fff; } .sa-cat-list.current { background-color: #9e9e9e; border: 1px solid #8b3a19; color: #fff; } .sa-tag-list, .sa-tag-list a { padding: 2px 10px; margin: .3vmin; font-size: var(--fs-2); color: #7b7b7b; transition: .2s; display: inline-block; } .sa-tag-list a:hover { text-decoration: underline; color: #333; background: #8b3a19; border-radius: 1em; } .sa-recent__sm { display: none !important; } .sa-recent .tile { background: #707070; color: #fff; font-weight: 500; border: 1px solid #8b3a19; border-radius: var(--bdr-rad-xs); overflow: hidden; transition: .3s; } .sa-recent .tile:hover { background: #8b3a19; } .sa-recent .tile__image { width: 20%; background: #fff; } .sa-recent .tile__image img { width: 100%; height: 100%; object-fit: cover; } .sa-featured .sa-tile-heading { background: #389931; } .sa-featured .tile__image { position: relative; padding-top: 26%; overflow: hidden; } .sa-featured .tile__image img { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%) scale(1,1); transition: .3s; transform-origin: center; width: 100%; height: 100%; object-fit: cover; } .sa-featured .tile__inner { grid-template-rows: auto 1fr; } .sa-featured .tile__content { align-items: stretch; } .sa-featured .tile__title { color: #fff; background: #707070; font-size: var(--fs0); padding: var(--p-sm) var(--p); transition: .3s; flex: 1; text-decoration: none; position: relative; } .sa-featured .tile__button { font-size: var(--fs-1); padding: var(--p-xs) var(--p); color: #888; transition: .3s; text-align: right; align-items: flex-end; } .sa-featured .tile__inner:hover .tile__image img { transform: translateY(-50%) scale(1.1,1.1); } .sa-featured .tile__inner:hover .tile__title { background: #9e9e9e; color: #fff; text-decoration: none; } .sa-featured .tile__inner:hover .tile__button { color: #fff; background: #389931; } .sa-featured .tile__date { background: #1a1a1a; padding: var(--p-xs) var(--p); text-align: right; color: #fff; } .sa-featured { .tile__date, .tile__button { display: block; } } /* ### TABLEPRESS FORMATTING ### */ .tablepress>:not(caption)> * > * { border: 1px solid #007ef4; padding: .7em; } .tablepress.faq-table__respondents { font-size: var(--fs-1); border: 1px solid #9e9e9e; min-width: 640px; position: relative; /* margin-top: 2em; */ } .faq-table__respondents th.column-1 { /* background: rgba(51,49,49,0.39); */ } .faq-table__respondents th.column-2 { /* background: #e2efd9; */ } .faq-table__respondents th.column-3 { /* background: #3ac730; */ } .faq-table__respondents th.column-4 { /* background: #3ac730; */ } /* #### DOCUMENT SELECTION #### */ .doc-documents { list-style-image: none; } .doc-documents a { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .doc-link { border: 2px solid #e5e5e5; transition: .3s } .doc-image { width: 1.5em; } .doc-link:hover { border-color: #9e9e9e; background: #e5e5e5; } @media (max-width: 1120px) { .sa-agroup-container { grid-template-columns: 1fr; grid-template-areas: "text" "details" "list"; } .sa-agroup-container .tile__details { grid-template-columns: repeat(5, 1fr); grid-template-areas: ". . . date date" "contact contact contact links links"; gap: var(--gap); } .sa-agroup-container .tile__details .tile__date { grid-area: date; } .sa-agroup-container .tile__content { grid-area: contact; } .sa-agroup-container .tile__link { grid-area: links; } } @media (max-width: 992px){ .sa-home-top, .sa-pillar { grid-template-columns: 1fr 1fr; grid-template-areas: "nav pillars" "featured featured" "vision vision"; grid-template-rows: auto 1fr; } .sa-pillar { grid-template-areas: "pillars resources" "mission mission" "function function"; } /* ### MOBILE SLIDE MENU ### */ .oxy-slide-menu ul li ul li ul li a { flex-flow: column; align-items: flex-start !important; background: #fff; } .oxy-slide-menu ul li ul li ul li a .menu-description { font-size: var(--fs-2); padding: 6px 0 3px; border-top: 1px solid #f34607; transition: .2s; width: 100%; background: #fff; color: #222; padding: .3em .5em; } .oxy-slide-menu ul li ul li ul li a:hover { color: #e5e5e5 !important; } .oxy-slide-menu ul li ul li ul li a:hover .menu-description { color: #e5e5e5 !important; } /* ### MAIN HEADER ### */ .main-header { grid-template-columns: 1fr 2fr 1fr; grid-auto-rows: minmax(100px, auto); grid-template-areas: "seal title title" "seal . region"; } .main-header__title { justify-content: start; } .sa-home-events-col { grid-template-columns: 1fr 1fr; } .sa-news__tax { order: -1; } .sa-news__tax .tile__title .tap, .sa-news__tax .tile__title .btn { display: block; } .sa-recent__sm { display: grid !important; } .sa-recent__lg { display: none !important; } } @media (max-width: 850px) { [id^="tablepress-"].dt-container { position: relative; padding-top: 1em; } [id^="tablepress-"].dt-container:before { position: absolute; left: 5px; top: 0; width: 100%; content: '* scroll/swipe left & right to view the full table'; font-style: italic; } } @media (max-width: 767px) { /* ### MAIN HEADER ### */ .main-header { grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: minmax(100px, auto); grid-template-areas: "seal . region" "title title title"; } .main-header__title { justify-content: center; } .sa-home-events-col { grid-template-columns: 1fr; justify-items: end; } .sa-news-home-tile { grid-template-areas: "img title" "img text" "date date"; } .sa-news__tax { top: 66px; } .sa-tile-heading { min-height: 4em; } /* .sa-pillar-column { width: max-content !important; } */ .sa-pillar-tile { padding-left: calc(var(--p-lg) * 3); padding-right: calc(var(--p-lg) * 3); } .sa-office-tiles .office-contacts { grid-template-columns: 1fr; grid-template-areas: "name" "email" "phone"; } .sa-agroup-container .tile__details { grid-template-columns: repeat(4, 1fr); grid-template-areas: ". . date date" "contact contact links links"; gap: var(--gap); } .sa-aagroup { grid-template-columns: 1fr !important; } .sa-events-box { .sa-event .tile__title { padding: var(--p-sm); } } } @media (max-width: 680px) { .sa-home-top, .sa-pillar { grid-template-columns: 1fr; grid-template-areas: "nav" "pillars" "featured" "vision"; grid-template-rows: auto; } .sa-pillar { grid-template-areas: "pillars" "resources" "mission" "function"; } } @media (max-width: 580px) { .sa-agroup-container .tile__details { grid-template-columns: repeat(3, 1fr); grid-template-areas: ". date date" "contact contact contact" "links links links"; gap: var(--gap); } .sa-page-heading { padding: var(--p) var(--p); width: 90%; } #content-toc a.content-toc__section { margin-left: 0; padding: 4px var(--p); background: #9e4a29; border-radius: var(--bdr-rad-xs); border: none; margin-block: .4em; } #content-toc a.content-toc__section:hover { border: none; background: #8b3a19; } } @media (max-width: 520px) { .sa-news-home-tile { grid-template-columns: minmax(80px, 18%) auto; grid-template-areas: "img title" "text text" "date date"; } } @media (max-width: 480px) { .main-header { grid-template-columns: 1fr 1fr; grid-auto-rows: minmax(100px, auto); grid-template-areas: "seal region" "title title"; } .sa-pillar-column { width: 100% !important; } .sa-pillar-tile { padding: var(--p-lg); } .sa-agroup-container .tile__details { grid-template-columns: 1fr 7fr 1fr; grid-template-areas: ". date ." "contact contact contact" "links links links"; gap: var(--row-gap) var(--gap); } } @media print { .glb-div-container, .glb-div-container__bg { filter: none; } .sa-post-header { border-bottom: 1px solid #9e9e9e; } .sa-post-header .tile__date { background-color: #fff; color: #000; border-top: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; } .sa-post-header .tile__tax { background-color: #fff; color: #444; border-bottom: 1px solid #9e9e9e; } .sa-post-header .tile__tax a { color: #444; } }.tasa-native{display:block;flex-direction:initial;align-items:initial;justify-content:initial;flex-wrap:initial}.tasa-native-link{display:inline;flex-direction:initial;align-items:initial;justify-content:initial;text-align:inherit}.tasa-native-text{max-width:none}table.tasa-native{display:table}thead.tasa-native{display:table-header-group}tbody.tasa-native{display:table-row-group}tr.tasa-native{display:table-row}th.tasa-native-text,td.tasa-native-text{display:table-cell}ul.tasa-native,ol.tasa-native{display:block}li.tasa-native-text{display:list-item}.tasa-native-image{max-width:100%} .tasa-site .tasa-aw{color:#293138;line-height:1.7;font-family:inherit}.tasa-site .tasa-aw-wrap{width:min(1170px,calc(100% - 48px));margin:auto}.tasa-site .tasa-aw-hero{padding:64px 0 48px;background:#faf7f1;border-bottom:1px solid #e2ddd3}.tasa-site .tasa-aw h1,.tasa-site .tasa-aw h2,.tasa-site .tasa-aw h3{font-family:Fraunces,Georgia,serif;line-height:1.2;color:#293138;text-transform:none;letter-spacing:normal}.tasa-site .tasa-aw h1{font-size:clamp(36px,4vw,52px);margin:12px 0 24px}.tasa-site .tasa-aw h2{font-size:30px;margin:0 0 20px}.tasa-site .tasa-aw h3{font-size:24px;margin:0 0 14px}.tasa-site .tasa-aw p{margin:0 0 18px}.tasa-site .tasa-aw a{color:#226f9d}.tasa-site .tasa-aw-kicker{font-size:14px;color:#966230;font-weight:600}.tasa-site .tasa-aw-lead{font-size:20px;max-width:900px}.tasa-site .tasa-aw-section{padding:40px 0}.tasa-site .tasa-aw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tasa-site .tasa-aw-card{display:block;padding:28px;border:1px solid #ded7cb;border-radius:14px;background:#fff;text-decoration:none;color:#293138!important}.tasa-site .tasa-aw-card:hover{border-color:#b88b50}.tasa-site .tasa-aw-cta{display:inline-block;padding:11px 20px;border-radius:7px;background:#226f9d;color:#fff!important;text-decoration:none;font-weight:600}.tasa-site .tasa-aw-note{padding:24px;background:#faf7f1;border-left:4px solid #bd8743;margin:24px 0}.tasa-site .tasa-aw-context{padding:14px 0;font-size:14px;border-bottom:1px solid #e2ddd3}.tasa-site .tasa-aw-context p{margin:0}.tasa-site .tasa-aw-profile{padding:28px 0;border-top:1px solid #ded7cb;margin-top:28px}.tasa-site .tasa-aw-profile details{border-bottom:1px solid #e2ddd3;padding:16px 0}.tasa-site .tasa-aw-profile summary{cursor:pointer;font-weight:600;font-size:18px}.tasa-site .tasa-aw-profile details p{margin:12px 0}.tasa-site .tasa-aw-status{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.tasa-site .tasa-aw-status span{padding:7px 13px;background:#f1eee7;border-radius:6px;font-size:14px}.tasa-site .tasa-aw-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:18px 0}.tasa-site .tasa-aw a:focus-visible,.tasa-site .tasa-aw summary:focus-visible{outline:3px solid #bd8743;outline-offset:4px}@media(max-width:800px){.tasa-site .tasa-aw-grid{grid-template-columns:1fr}.tasa-site .tasa-aw-hero{padding:38px 0}.tasa-site .tasa-aw-wrap{width:calc(100% - 36px)}}.tasa-site .tasa-aw-hero{position:relative;isolation:isolate;background:#26362d url(https://terraaustralisstatesassembly.net/dev-site/wp-content/uploads/sites/24/2026/09/tasa-dev-gatherings-12.webp) center 78%/cover no-repeat;padding:78px 0 68px;min-height:440px;color:#fff}.tasa-site .tasa-aw-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,27,.88),rgba(20,32,27,.6) 65%,rgba(20,32,27,.3));z-index:-1}.tasa-site .tasa-aw-hero h1,.tasa-site .tasa-aw-hero p,.tasa-site .tasa-aw-hero a{color:#fff}.tasa-site .tasa-aw-hero .tasa-aw-wrap>p{max-width:820px}.tasa-site .tasa-aw-hero .tasa-aw-kicker{color:#ecd3a6}.tasa-site .tasa-aw-view-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tasa-site .tasa-aw-view-nav a{display:inline-block;border:1px solid #d9d5ca;border-radius:24px;padding:5px 12px;text-decoration:none;background:#faf7f1}.tasa-site .tasa-aw-view-nav a[aria-current="page"]{background:#226f9d;color:white;border-color:#226f9d}.tasa-site .tasa-aw-subwork{margin:24px 0;padding:24px;background:#faf7f1;border-radius:12px}.tasa-site .tasa-aw-subwork ul{padding-left:22px}@media(max-width:650px){.tasa-site .tasa-aw-hero{min-height:0;padding:44px 0;background-position:60% 80%}.tasa-site .tasa-aw-hero:before{background:rgba(20,32,27,.76)}}.tasa-site .tasa-aw-section,.tasa-site .tasa-aw-comparison{scroll-margin-top:120px}.tasa-site .tasa-aw-comparison{font-size:16px}.tasa-site .tasa-aw-comparison h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin:22px 0 8px;color:#293138}.tasa-site .tasa-aw-comparison h3{font-size:25px}.tasa-site .tasa-aw-comparison p{margin-bottom:12px}.tasa-site .tasa-aw-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tasa-site .tasa-aw-space{margin-top:26px!important}.tasa-site .tasa-aw-pillar{border-top:1px solid #ded7cb}.tasa-site .tasa-aw-steps{padding-left:24px}.tasa-site .tasa-aw-steps li{padding:10px 0}.tasa-site .tasa-aw-comparison:target{outline:3px solid #bd8743;outline-offset:3px}@media(max-width:800px){.tasa-site .tasa-aw-methods{grid-template-columns:1fr}}.tasa-site .tasa-aw-peace-example{margin:36px 0}.tasa-site .tasa-aw-table-wrap{overflow-x:auto}.tasa-site .tasa-aw table{width:100%;border-collapse:collapse;font-size:16px}.tasa-site .tasa-aw th,.tasa-site .tasa-aw td{text-align:left;vertical-align:top;padding:16px;border:1px solid #ded7cb}.tasa-site .tasa-aw thead th{background:#293e34;color:#fff}.tasa-site .tasa-aw tbody th{background:#faf7f1;min-width:130px}.tasa-site .tasa-aw tbody td:nth-child(2){min-width:170px}@media(max-width:650px){.tasa-site .tasa-aw th,.tasa-site .tasa-aw td{padding:12px;font-size:14px}} .tasa-native{display:block;flex-direction:initial;align-items:initial;justify-content:initial;flex-wrap:initial}.tasa-native-link{display:inline;flex-direction:initial;align-items:initial;justify-content:initial;text-align:inherit}.tasa-native-text{max-width:none}table.tasa-native{display:table}thead.tasa-native{display:table-header-group}tbody.tasa-native{display:table-row-group}tr.tasa-native{display:table-row}th.tasa-native-text,td.tasa-native-text{display:table-cell}ul.tasa-native,ol.tasa-native{display:block}li.tasa-native-text{display:list-item}.tasa-native-image{max-width:100%} .tasa-site .tasa-aw{color:#293138;line-height:1.7;font-family:inherit}.tasa-site .tasa-aw-wrap{width:min(1170px,calc(100% - 48px));margin:auto}.tasa-site .tasa-aw-hero{padding:64px 0 48px;background:#faf7f1;border-bottom:1px solid #e2ddd3}.tasa-site .tasa-aw h1,.tasa-site .tasa-aw h2,.tasa-site .tasa-aw h3{font-family:Fraunces,Georgia,serif;line-height:1.2;color:#293138;text-transform:none;letter-spacing:normal}.tasa-site .tasa-aw h1{font-size:clamp(36px,4vw,52px);margin:12px 0 24px}.tasa-site .tasa-aw h2{font-size:30px;margin:0 0 20px}.tasa-site .tasa-aw h3{font-size:24px;margin:0 0 14px}.tasa-site .tasa-aw p{margin:0 0 18px}.tasa-site .tasa-aw a{color:#226f9d}.tasa-site .tasa-aw-kicker{font-size:14px;color:#966230;font-weight:600}.tasa-site .tasa-aw-lead{font-size:20px;max-width:900px}.tasa-site .tasa-aw-section{padding:40px 0}.tasa-site .tasa-aw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tasa-site .tasa-aw-card{display:block;padding:28px;border:1px solid #ded7cb;border-radius:14px;background:#fff;text-decoration:none;color:#293138!important}.tasa-site .tasa-aw-card:hover{border-color:#b88b50}.tasa-site .tasa-aw-cta{display:inline-block;padding:11px 20px;border-radius:7px;background:#226f9d;color:#fff!important;text-decoration:none;font-weight:600}.tasa-site .tasa-aw-note{padding:24px;background:#faf7f1;border-left:4px solid #bd8743;margin:24px 0}.tasa-site .tasa-aw-context{padding:14px 0;font-size:14px;border-bottom:1px solid #e2ddd3}.tasa-site .tasa-aw-context p{margin:0}.tasa-site .tasa-aw-profile{padding:28px 0;border-top:1px solid #ded7cb;margin-top:28px}.tasa-site .tasa-aw-profile details{border-bottom:1px solid #e2ddd3;padding:16px 0}.tasa-site .tasa-aw-profile summary{cursor:pointer;font-weight:600;font-size:18px}.tasa-site .tasa-aw-profile details p{margin:12px 0}.tasa-site .tasa-aw-status{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.tasa-site .tasa-aw-status span{padding:7px 13px;background:#f1eee7;border-radius:6px;font-size:14px}.tasa-site .tasa-aw-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:18px 0}.tasa-site .tasa-aw a:focus-visible,.tasa-site .tasa-aw summary:focus-visible{outline:3px solid #bd8743;outline-offset:4px}@media(max-width:800px){.tasa-site .tasa-aw-grid{grid-template-columns:1fr}.tasa-site .tasa-aw-hero{padding:38px 0}.tasa-site .tasa-aw-wrap{width:calc(100% - 36px)}}.tasa-site .tasa-aw-hero{position:relative;isolation:isolate;background:#26362d url(https://terraaustralisstatesassembly.net/dev-site/wp-content/uploads/sites/24/2026/09/tasa-dev-gatherings-12.webp) center 78%/cover no-repeat;padding:78px 0 68px;min-height:440px;color:#fff}.tasa-site .tasa-aw-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,27,.88),rgba(20,32,27,.6) 65%,rgba(20,32,27,.3));z-index:-1}.tasa-site .tasa-aw-hero h1,.tasa-site .tasa-aw-hero p,.tasa-site .tasa-aw-hero a{color:#fff}.tasa-site .tasa-aw-hero .tasa-aw-wrap>p{max-width:820px}.tasa-site .tasa-aw-hero .tasa-aw-kicker{color:#ecd3a6}.tasa-site .tasa-aw-view-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tasa-site .tasa-aw-view-nav a{display:inline-block;border:1px solid #d9d5ca;border-radius:24px;padding:5px 12px;text-decoration:none;background:#faf7f1}.tasa-site .tasa-aw-view-nav a[aria-current="page"]{background:#226f9d;color:white;border-color:#226f9d}.tasa-site .tasa-aw-subwork{margin:24px 0;padding:24px;background:#faf7f1;border-radius:12px}.tasa-site .tasa-aw-subwork ul{padding-left:22px}@media(max-width:650px){.tasa-site .tasa-aw-hero{min-height:0;padding:44px 0;background-position:60% 80%}.tasa-site .tasa-aw-hero:before{background:rgba(20,32,27,.76)}}.tasa-site .tasa-aw-section,.tasa-site .tasa-aw-comparison{scroll-margin-top:120px}.tasa-site .tasa-aw-comparison{font-size:16px}.tasa-site .tasa-aw-comparison h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin:22px 0 8px;color:#293138}.tasa-site .tasa-aw-comparison h3{font-size:25px}.tasa-site .tasa-aw-comparison p{margin-bottom:12px}.tasa-site .tasa-aw-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tasa-site .tasa-aw-space{margin-top:26px!important}.tasa-site .tasa-aw-pillar{border-top:1px solid #ded7cb}.tasa-site .tasa-aw-steps{padding-left:24px}.tasa-site .tasa-aw-steps li{padding:10px 0}.tasa-site .tasa-aw-comparison:target{outline:3px solid #bd8743;outline-offset:3px}@media(max-width:800px){.tasa-site .tasa-aw-methods{grid-template-columns:1fr}}.tasa-site .tasa-aw-peace-example{margin:36px 0}.tasa-site .tasa-aw-table-wrap{overflow-x:auto}.tasa-site .tasa-aw table{width:100%;border-collapse:collapse;font-size:16px}.tasa-site .tasa-aw th,.tasa-site .tasa-aw td{text-align:left;vertical-align:top;padding:16px;border:1px solid #ded7cb}.tasa-site .tasa-aw thead th{background:#293e34;color:#fff}.tasa-site .tasa-aw tbody th{background:#faf7f1;min-width:130px}.tasa-site .tasa-aw tbody td:nth-child(2){min-width:170px}@media(max-width:650px){.tasa-site .tasa-aw th,.tasa-site .tasa-aw td{padding:12px;font-size:14px}} .tasa-native{display:block;flex-direction:initial;align-items:initial;justify-content:initial;flex-wrap:initial}.tasa-native-link{display:inline;flex-direction:initial;align-items:initial;justify-content:initial;text-align:inherit}.tasa-native-text{max-width:none}table.tasa-native{display:table}thead.tasa-native{display:table-header-group}tbody.tasa-native{display:table-row-group}tr.tasa-native{display:table-row}th.tasa-native-text,td.tasa-native-text{display:table-cell}ul.tasa-native,ol.tasa-native{display:block}li.tasa-native-text{display:list-item}.tasa-native-image{max-width:100%} .tasa-site .tasa-news{width:min(1170px,calc(100% - 48px));margin:0 auto;padding:48px 0 60px;color:#293138;line-height:1.65}.tasa-site .tasa-news-intro{max-width:800px;margin-bottom:30px}.tasa-site .tasa-news-intro h2,.tasa-site .tasa-news-events h2{font-family:Fraunces,Georgia,serif;font-size:32px;line-height:1.2;margin:0 0 16px}.tasa-site .tasa-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.tasa-site .tasa-news-card{border:1px solid #ded7cb;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.tasa-site .tasa-news-photo{display:block;aspect-ratio:16/10;background:#e9e4d9;overflow:hidden}.tasa-site .tasa-news-photo img{display:block;width:100%;height:100%;object-fit:cover}.tasa-site .tasa-news-wordmark{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;text-align:center;font:30px/1.2 Fraunces,Georgia,serif;color:#355247;background:linear-gradient(145deg,#eee7d7,#d7e0d5)}.tasa-site .tasa-news-wordmark small{font:14px/1.5 inherit;letter-spacing:.08em}.tasa-site .tasa-news-copy{padding:25px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.tasa-site .tasa-news-copy time{font-size:13px;color:#7c6544}.tasa-site .tasa-news-card h2{font-family:Fraunces,Georgia,serif;font-size:24px;line-height:1.25;margin:13px 0 15px}.tasa-site .tasa-news a{color:#226f9d;text-decoration:none}.tasa-site .tasa-news-card h2 a{color:#293138}.tasa-site .tasa-news-card p{font-size:15px;margin:0 0 22px}.tasa-site .tasa-news-read{font-weight:600;margin-top:auto}.tasa-site .tasa-news-pages{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}.tasa-site .tasa-news-pages a,.tasa-site .tasa-news-pages span{border:1px solid #ddd5c7;border-radius:6px;padding:8px 14px}.tasa-site .tasa-news-pages [aria-current]{background:#226f9d;color:#fff}.tasa-site .tasa-news-events{padding:30px;background:#faf7f1;border-radius:14px;margin-top:32px}.tasa-site .tasa-news a:focus-visible{outline:3px solid #bd8743;outline-offset:4px}@media(max-width:950px){.tasa-site .tasa-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.tasa-site .tasa-news{width:calc(100% - 36px);padding:34px 0}.tasa-site .tasa-news-grid{grid-template-columns:1fr}} .tasa-site .tasa-newsletter-privacy{margin:22px 0 0;padding:20px 22px;background:#fff;border:1px solid #ddd5c7;border-radius:10px}.tasa-site .tasa-newsletter-privacy h3{font:600 18px/1.35 Fraunces,Georgia,serif;color:#355247;margin:0 0 10px}.tasa-site .tasa-newsletter-privacy p{font:400 14px/1.7 Inter,Arial,sans-serif;color:#4d575b;margin:0} .tasa-site .tasa-cp{color:#293138;font-family:inherit;line-height:1.65} .tasa-site .tasa-cp *{box-sizing:border-box} .tasa-site .tasa-cp a{color:#226f9d;text-decoration:none} .tasa-site .tasa-cp a:focus-visible{outline:3px solid #bd8743;outline-offset:5px} .tasa-site .tasa-cp-wrap{width:min(1170px,calc(100% - 48px));margin:0 auto} .tasa-site .tasa-cp-hero{background:#faf7f1;padding:68px 0} .tasa-site .tasa-cp-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center} .tasa-site .tasa-cp-eyebrow{font-size:14px;font-weight:600;color:#b36431;margin:0 0 18px} .tasa-site .tasa-cp h1,.tasa-site .tasa-cp h2,.tasa-site .tasa-cp h3{font-family:Fraunces,Georgia,serif;color:#293138;letter-spacing:normal;text-transform:none} .tasa-site .tasa-cp h1{font-size:clamp(34px,3.5vw,50px);line-height:1.12;margin:0 0 24px;font-weight:600} .tasa-site .tasa-cp-hero-lead{font-size:18px;line-height:1.7;margin:0} .tasa-site .tasa-cp-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:28px 8px 28px 8px} .tasa-site .tasa-cp-intro{padding:52px 0 20px;max-width:900px} .tasa-site .tasa-cp h2{font-size:30px;line-height:1.2;margin:0 0 16px;font-weight:600} .tasa-site .tasa-cp-intro p{margin:0 0 16px} .tasa-site .tasa-cp-jumps{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0 24px} .tasa-site .tasa-cp-jumps a,.tasa-site .tasa-cp-membership-links a{display:inline-flex;align-items:center;border:1px solid #d9d5ca;border-radius:999px;background:#faf7f1;padding:8px 16px;font-size:14px;font-weight:600} .tasa-site .tasa-cp-group{padding:34px 0;border-top:1px solid #e2ddd3;scroll-margin-top:130px} .tasa-site .tasa-cp-section-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:22px} .tasa-site .tasa-cp-section-heading h2,.tasa-site .tasa-cp-section-heading h3{margin:0 0 8px} .tasa-site .tasa-cp-section-heading p{margin:0;color:#58616a} .tasa-site .tasa-cp-pillar-link{flex-shrink:0;font-size:14px;font-weight:600} .tasa-site .tasa-cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .tasa-site .tasa-cp .tasa-cp-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border:1px solid #e1ddd4;border-radius:12px;background:#fff;min-width:0;transition:border-color .15s,box-shadow .15s} .tasa-site .tasa-cp .tasa-cp-card:hover{border-color:#b88b50;box-shadow:0 5px 18px #342c1e0c} .tasa-site .tasa-cp-card h3{font-size:22px;line-height:1.3;margin:0;font-weight:600} .tasa-site .tasa-cp-card-pillars{font-size:12px;color:#626b70;margin:0} .tasa-site .tasa-cp-card-output{font-size:14px;line-height:1.6;margin:0}.tasa-site .tasa-cp-card-link{font-size:14px;font-weight:600;margin-top:auto;padding-top:12px} .tasa-site .tasa-cp-cta{padding:40px 0 60px} .tasa-site .tasa-cp-cta p{max-width:760px} .tasa-site .tasa-cp-button{display:inline-block;padding:12px 22px;border-radius:7px;background:#226f9d;color:#fff!important;font-weight:600} .tasa-site .tasa-cp-pillar-section{padding:32px 0;margin:16px 0} .tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .tasa-site .tasa-cp-pillar-section h3{font-size:21px} .tasa-site .tasa-cp-status{margin:24px 0;border-block:1px solid #ded7cb;padding:16px 0}.tasa-site .tasa-cp-status summary{font-weight:600;cursor:pointer}.tasa-site .tasa-cp-status p{margin:12px 0}.tasa-site .tasa-cp-membership{margin:0 0 24px} .tasa-site .tasa-cp-membership h2{font-size:22px;margin-bottom:14px} .tasa-site .tasa-cp-membership-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px} .tasa-site .tasa-cp-membership p{font-size:15px;margin:0 0 16px} @media(max-width:900px){.tasa-site .tasa-cp-hero-grid{gap:28px}.tasa-site .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tasa-site .tasa-cp-section-heading{align-items:flex-start;flex-direction:column;gap:12px}} @media(max-width:650px){.tasa-site .tasa-cp-wrap{width:calc(100% - 36px)}.tasa-site .tasa-cp-hero{padding:38px 0}.tasa-site .tasa-cp-hero-grid{grid-template-columns:1fr}.tasa-site .tasa-cp-hero img{border-radius:20px 6px 20px 6px}.tasa-site .tasa-cp-grid,.tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:1fr}.tasa-site .tasa-cp h2{font-size:27px}.tasa-site .tasa-cp h1{font-size:36px}.tasa-site .tasa-cp-intro{padding-top:36px}} .tasa-site .tasa-aw{color:#293138;line-height:1.7;font-family:inherit}.tasa-site .tasa-aw-wrap{width:min(1170px,calc(100% - 48px));margin:auto}.tasa-site .tasa-aw-hero{padding:64px 0 48px;background:#faf7f1;border-bottom:1px solid #e2ddd3}.tasa-site .tasa-aw h1,.tasa-site .tasa-aw h2,.tasa-site .tasa-aw h3{font-family:Fraunces,Georgia,serif;line-height:1.2;color:#293138;text-transform:none;letter-spacing:normal}.tasa-site .tasa-aw h1{font-size:clamp(36px,4vw,52px);margin:12px 0 24px}.tasa-site .tasa-aw h2{font-size:30px;margin:0 0 20px}.tasa-site .tasa-aw h3{font-size:24px;margin:0 0 14px}.tasa-site .tasa-aw p{margin:0 0 18px}.tasa-site .tasa-aw a{color:#226f9d}.tasa-site .tasa-aw-kicker{font-size:14px;color:#966230;font-weight:600}.tasa-site .tasa-aw-lead{font-size:20px;max-width:900px}.tasa-site .tasa-aw-section{padding:40px 0}.tasa-site .tasa-aw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tasa-site .tasa-aw-card{display:block;padding:28px;border:1px solid #ded7cb;border-radius:14px;background:#fff;text-decoration:none;color:#293138!important}.tasa-site .tasa-aw-card:hover{border-color:#b88b50}.tasa-site .tasa-aw-cta{display:inline-block;padding:11px 20px;border-radius:7px;background:#226f9d;color:#fff!important;text-decoration:none;font-weight:600}.tasa-site .tasa-aw-note{padding:24px;background:#faf7f1;border-left:4px solid #bd8743;margin:24px 0}.tasa-site .tasa-aw-context{padding:14px 0;font-size:14px;border-bottom:1px solid #e2ddd3}.tasa-site .tasa-aw-context p{margin:0}.tasa-site .tasa-aw-profile{padding:28px 0;border-top:1px solid #ded7cb;margin-top:28px}.tasa-site .tasa-aw-profile details{border-bottom:1px solid #e2ddd3;padding:16px 0}.tasa-site .tasa-aw-profile summary{cursor:pointer;font-weight:600;font-size:18px}.tasa-site .tasa-aw-profile details p{margin:12px 0}.tasa-site .tasa-aw-status{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.tasa-site .tasa-aw-status span{padding:7px 13px;background:#f1eee7;border-radius:6px;font-size:14px}.tasa-site .tasa-aw-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:18px 0}.tasa-site .tasa-aw a:focus-visible,.tasa-site .tasa-aw summary:focus-visible{outline:3px solid #bd8743;outline-offset:4px}@media(max-width:800px){.tasa-site .tasa-aw-grid{grid-template-columns:1fr}.tasa-site .tasa-aw-hero{padding:38px 0}.tasa-site .tasa-aw-wrap{width:calc(100% - 36px)}}.tasa-site .tasa-aw-hero{position:relative;isolation:isolate;background:#26362d url(https://terraaustralisstatesassembly.net/dev-site/wp-content/uploads/sites/24/2026/09/tasa-dev-gatherings-12.webp) center 78%/cover no-repeat;padding:78px 0 68px;min-height:440px;color:#fff}.tasa-site .tasa-aw-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,27,.88),rgba(20,32,27,.6) 65%,rgba(20,32,27,.3));z-index:-1}.tasa-site .tasa-aw-hero h1,.tasa-site .tasa-aw-hero p,.tasa-site .tasa-aw-hero a{color:#fff}.tasa-site .tasa-aw-hero .tasa-aw-wrap>p{max-width:820px}.tasa-site .tasa-aw-hero .tasa-aw-kicker{color:#ecd3a6}.tasa-site .tasa-aw-view-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tasa-site .tasa-aw-view-nav a{display:inline-block;border:1px solid #d9d5ca;border-radius:24px;padding:5px 12px;text-decoration:none;background:#faf7f1}.tasa-site .tasa-aw-view-nav a[aria-current="page"]{background:#226f9d;color:white;border-color:#226f9d}.tasa-site .tasa-aw-subwork{margin:24px 0;padding:24px;background:#faf7f1;border-radius:12px}.tasa-site .tasa-aw-subwork ul{padding-left:22px}@media(max-width:650px){.tasa-site .tasa-aw-hero{min-height:0;padding:44px 0;background-position:60% 80%}.tasa-site .tasa-aw-hero:before{background:rgba(20,32,27,.76)}}.tasa-site .tasa-aw-section,.tasa-site .tasa-aw-comparison{scroll-margin-top:120px}.tasa-site .tasa-aw-comparison{font-size:16px}.tasa-site .tasa-aw-comparison h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin:22px 0 8px;color:#293138}.tasa-site .tasa-aw-comparison h3{font-size:25px}.tasa-site .tasa-aw-comparison p{margin-bottom:12px}.tasa-site .tasa-aw-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tasa-site .tasa-aw-space{margin-top:26px!important}.tasa-site .tasa-aw-pillar{border-top:1px solid #ded7cb}.tasa-site .tasa-aw-steps{padding-left:24px}.tasa-site .tasa-aw-steps li{padding:10px 0}.tasa-site .tasa-aw-comparison:target{outline:3px solid #bd8743;outline-offset:3px}@media(max-width:800px){.tasa-site .tasa-aw-methods{grid-template-columns:1fr}}.tasa-site .tasa-aw-peace-example{margin:36px 0}.tasa-site .tasa-aw-table-wrap{overflow-x:auto}.tasa-site .tasa-aw table{width:100%;border-collapse:collapse;font-size:16px}.tasa-site .tasa-aw th,.tasa-site .tasa-aw td{text-align:left;vertical-align:top;padding:16px;border:1px solid #ded7cb}.tasa-site .tasa-aw thead th{background:#293e34;color:#fff}.tasa-site .tasa-aw tbody th{background:#faf7f1;min-width:130px}.tasa-site .tasa-aw tbody td:nth-child(2){min-width:170px}@media(max-width:650px){.tasa-site .tasa-aw th,.tasa-site .tasa-aw td{padding:12px;font-size:14px}} .tasa-site .tasa-aw{color:#293138;line-height:1.7;font-family:inherit}.tasa-site .tasa-aw-wrap{width:min(1170px,calc(100% - 48px));margin:auto}.tasa-site .tasa-aw-hero{padding:64px 0 48px;background:#faf7f1;border-bottom:1px solid #e2ddd3}.tasa-site .tasa-aw h1,.tasa-site .tasa-aw h2,.tasa-site .tasa-aw h3{font-family:Fraunces,Georgia,serif;line-height:1.2;color:#293138;text-transform:none;letter-spacing:normal}.tasa-site .tasa-aw h1{font-size:clamp(36px,4vw,52px);margin:12px 0 24px}.tasa-site .tasa-aw h2{font-size:30px;margin:0 0 20px}.tasa-site .tasa-aw h3{font-size:24px;margin:0 0 14px}.tasa-site .tasa-aw p{margin:0 0 18px}.tasa-site .tasa-aw a{color:#226f9d}.tasa-site .tasa-aw-kicker{font-size:14px;color:#966230;font-weight:600}.tasa-site .tasa-aw-lead{font-size:20px;max-width:900px}.tasa-site .tasa-aw-section{padding:40px 0}.tasa-site .tasa-aw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tasa-site .tasa-aw-card{display:block;padding:28px;border:1px solid #ded7cb;border-radius:14px;background:#fff;text-decoration:none;color:#293138!important}.tasa-site .tasa-aw-card:hover{border-color:#b88b50}.tasa-site .tasa-aw-cta{display:inline-block;padding:11px 20px;border-radius:7px;background:#226f9d;color:#fff!important;text-decoration:none;font-weight:600}.tasa-site .tasa-aw-note{padding:24px;background:#faf7f1;border-left:4px solid #bd8743;margin:24px 0}.tasa-site .tasa-aw-context{padding:14px 0;font-size:14px;border-bottom:1px solid #e2ddd3}.tasa-site .tasa-aw-context p{margin:0}.tasa-site .tasa-aw-profile{padding:28px 0;border-top:1px solid #ded7cb;margin-top:28px}.tasa-site .tasa-aw-profile details{border-bottom:1px solid #e2ddd3;padding:16px 0}.tasa-site .tasa-aw-profile summary{cursor:pointer;font-weight:600;font-size:18px}.tasa-site .tasa-aw-profile details p{margin:12px 0}.tasa-site .tasa-aw-status{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.tasa-site .tasa-aw-status span{padding:7px 13px;background:#f1eee7;border-radius:6px;font-size:14px}.tasa-site .tasa-aw-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:18px 0}.tasa-site .tasa-aw a:focus-visible,.tasa-site .tasa-aw summary:focus-visible{outline:3px solid #bd8743;outline-offset:4px}@media(max-width:800px){.tasa-site .tasa-aw-grid{grid-template-columns:1fr}.tasa-site .tasa-aw-hero{padding:38px 0}.tasa-site .tasa-aw-wrap{width:calc(100% - 36px)}}.tasa-site .tasa-aw-hero{position:relative;isolation:isolate;background:#26362d url(https://terraaustralisstatesassembly.net/dev-site/wp-content/uploads/sites/24/2026/09/tasa-dev-gatherings-12.webp) center 78%/cover no-repeat;padding:78px 0 68px;min-height:440px;color:#fff}.tasa-site .tasa-aw-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,27,.88),rgba(20,32,27,.6) 65%,rgba(20,32,27,.3));z-index:-1}.tasa-site .tasa-aw-hero h1,.tasa-site .tasa-aw-hero p,.tasa-site .tasa-aw-hero a{color:#fff}.tasa-site .tasa-aw-hero .tasa-aw-wrap>p{max-width:820px}.tasa-site .tasa-aw-hero .tasa-aw-kicker{color:#ecd3a6}.tasa-site .tasa-aw-view-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tasa-site .tasa-aw-view-nav a{display:inline-block;border:1px solid #d9d5ca;border-radius:24px;padding:5px 12px;text-decoration:none;background:#faf7f1}.tasa-site .tasa-aw-view-nav a[aria-current="page"]{background:#226f9d;color:white;border-color:#226f9d}.tasa-site .tasa-aw-subwork{margin:24px 0;padding:24px;background:#faf7f1;border-radius:12px}.tasa-site .tasa-aw-subwork ul{padding-left:22px}@media(max-width:650px){.tasa-site .tasa-aw-hero{min-height:0;padding:44px 0;background-position:60% 80%}.tasa-site .tasa-aw-hero:before{background:rgba(20,32,27,.76)}}.tasa-site .tasa-aw-section,.tasa-site .tasa-aw-comparison{scroll-margin-top:120px}.tasa-site .tasa-aw-comparison{font-size:16px}.tasa-site .tasa-aw-comparison h4{font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;margin:22px 0 8px;color:#293138}.tasa-site .tasa-aw-comparison h3{font-size:25px}.tasa-site .tasa-aw-comparison p{margin-bottom:12px}.tasa-site .tasa-aw-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tasa-site .tasa-aw-space{margin-top:26px!important}.tasa-site .tasa-aw-pillar{border-top:1px solid #ded7cb}.tasa-site .tasa-aw-steps{padding-left:24px}.tasa-site .tasa-aw-steps li{padding:10px 0}.tasa-site .tasa-aw-comparison:target{outline:3px solid #bd8743;outline-offset:3px}@media(max-width:800px){.tasa-site .tasa-aw-methods{grid-template-columns:1fr}}.tasa-site .tasa-aw-peace-example{margin:36px 0}.tasa-site .tasa-aw-table-wrap{overflow-x:auto}.tasa-site .tasa-aw table{width:100%;border-collapse:collapse;font-size:16px}.tasa-site .tasa-aw th,.tasa-site .tasa-aw td{text-align:left;vertical-align:top;padding:16px;border:1px solid #ded7cb}.tasa-site .tasa-aw thead th{background:#293e34;color:#fff}.tasa-site .tasa-aw tbody th{background:#faf7f1;min-width:130px}.tasa-site .tasa-aw tbody td:nth-child(2){min-width:170px}@media(max-width:650px){.tasa-site .tasa-aw th,.tasa-site .tasa-aw td{padding:12px;font-size:14px}} .tasa-site .tasa-cp{color:#293138;font-family:inherit;line-height:1.65} .tasa-site .tasa-cp *{box-sizing:border-box} .tasa-site .tasa-cp a{color:#226f9d;text-decoration:none} .tasa-site .tasa-cp a:focus-visible{outline:3px solid #bd8743;outline-offset:5px} .tasa-site .tasa-cp-wrap{width:min(1170px,calc(100% - 48px));margin:0 auto} .tasa-site .tasa-cp-hero{background:#faf7f1;padding:68px 0} .tasa-site .tasa-cp-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center} .tasa-site .tasa-cp-eyebrow{font-size:14px;font-weight:600;color:#b36431;margin:0 0 18px} .tasa-site .tasa-cp h1,.tasa-site .tasa-cp h2,.tasa-site .tasa-cp h3{font-family:Fraunces,Georgia,serif;color:#293138;letter-spacing:normal;text-transform:none} .tasa-site .tasa-cp h1{font-size:clamp(34px,3.5vw,50px);line-height:1.12;margin:0 0 24px;font-weight:600} .tasa-site .tasa-cp-hero-lead{font-size:18px;line-height:1.7;margin:0} .tasa-site .tasa-cp-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:28px 8px 28px 8px} .tasa-site .tasa-cp-intro{padding:52px 0 20px;max-width:900px} .tasa-site .tasa-cp h2{font-size:30px;line-height:1.2;margin:0 0 16px;font-weight:600} .tasa-site .tasa-cp-intro p{margin:0 0 16px} .tasa-site .tasa-cp-jumps{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0 24px} .tasa-site .tasa-cp-jumps a,.tasa-site .tasa-cp-membership-links a{display:inline-flex;align-items:center;border:1px solid #d9d5ca;border-radius:999px;background:#faf7f1;padding:8px 16px;font-size:14px;font-weight:600} .tasa-site .tasa-cp-group{padding:34px 0;border-top:1px solid #e2ddd3;scroll-margin-top:130px} .tasa-site .tasa-cp-section-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:22px} .tasa-site .tasa-cp-section-heading h2,.tasa-site .tasa-cp-section-heading h3{margin:0 0 8px} .tasa-site .tasa-cp-section-heading p{margin:0;color:#58616a} .tasa-site .tasa-cp-pillar-link{flex-shrink:0;font-size:14px;font-weight:600} .tasa-site .tasa-cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .tasa-site .tasa-cp .tasa-cp-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border:1px solid #e1ddd4;border-radius:12px;background:#fff;min-width:0;transition:border-color .15s,box-shadow .15s} .tasa-site .tasa-cp .tasa-cp-card:hover{border-color:#b88b50;box-shadow:0 5px 18px #342c1e0c} .tasa-site .tasa-cp-card h3{font-size:22px;line-height:1.3;margin:0;font-weight:600} .tasa-site .tasa-cp-card-pillars{font-size:12px;color:#626b70;margin:0} .tasa-site .tasa-cp-card-output{font-size:14px;line-height:1.6;margin:0}.tasa-site .tasa-cp-card-link{font-size:14px;font-weight:600;margin-top:auto;padding-top:12px} .tasa-site .tasa-cp-cta{padding:40px 0 60px} .tasa-site .tasa-cp-cta p{max-width:760px} .tasa-site .tasa-cp-button{display:inline-block;padding:12px 22px;border-radius:7px;background:#226f9d;color:#fff!important;font-weight:600} .tasa-site .tasa-cp-pillar-section{padding:32px 0;margin:16px 0} .tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .tasa-site .tasa-cp-pillar-section h3{font-size:21px} .tasa-site .tasa-cp-status{margin:24px 0;border-block:1px solid #ded7cb;padding:16px 0}.tasa-site .tasa-cp-status summary{font-weight:600;cursor:pointer}.tasa-site .tasa-cp-status p{margin:12px 0}.tasa-site .tasa-cp-membership{margin:0 0 24px} .tasa-site .tasa-cp-membership h2{font-size:22px;margin-bottom:14px} .tasa-site .tasa-cp-membership-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px} .tasa-site .tasa-cp-membership p{font-size:15px;margin:0 0 16px} @media(max-width:900px){.tasa-site .tasa-cp-hero-grid{gap:28px}.tasa-site .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tasa-site .tasa-cp-section-heading{align-items:flex-start;flex-direction:column;gap:12px}} @media(max-width:650px){.tasa-site .tasa-cp-wrap{width:calc(100% - 36px)}.tasa-site .tasa-cp-hero{padding:38px 0}.tasa-site .tasa-cp-hero-grid{grid-template-columns:1fr}.tasa-site .tasa-cp-hero img{border-radius:20px 6px 20px 6px}.tasa-site .tasa-cp-grid,.tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:1fr}.tasa-site .tasa-cp h2{font-size:27px}.tasa-site .tasa-cp h1{font-size:36px}.tasa-site .tasa-cp-intro{padding-top:36px}} .tasa-site .tasa-calendar,.tasa-site .tasa-event-page{width:min(1170px,calc(100% - 40px));margin:0 auto;padding:48px 0 64px;color:#293138;line-height:1.65} .tasa-site .tasa-calendar h1,.tasa-site .tasa-calendar h2,.tasa-site .tasa-event-page h1,.tasa-site .tasa-event-page h2,.tasa-site .tasa-event-page h3{font-family:Fraunces,Georgia,serif;line-height:1.2;letter-spacing:-.02em} .tasa-site .tasa-calendar h1{font-size:clamp(34px,4vw,48px);margin:0 0 16px;color:#242721} .tasa-site .tasa-calendar-intro{max-width:800px;margin:0 0 12px;font-size:18px;color:#536057} .tasa-site .tasa-calendar a,.tasa-site .tasa-event-page a{color:#226f9d;box-shadow:none;outline:0} .tasa-site .tasa-calendar-nav{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0} .tasa-site .tasa-calendar-nav a{border:1px solid #ded7cb;border-radius:24px;padding:7px 14px;background:#fff;text-decoration:none;font-size:14px;font-weight:600} .tasa-site .tasa-calendar-nav a:hover,.tasa-site .tasa-calendar-nav a[aria-current=page]{background:#2f4c3f;border-color:#2f4c3f;color:#fff} .tasa-site .tasa-calendar-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:22px;background:#f0ece3;border:1px solid #e2dbce;border-radius:14px;margin:0 0 34px} .tasa-site .tasa-calendar-filters label{display:flex;flex:1 1 180px;flex-direction:column;font-size:14px;font-weight:600;gap:7px} .tasa-site .tasa-calendar-filters select{width:100%;min-height:45px;padding:10px 12px;border:1px solid #d5d1c7;border-radius:6px;background:#fff;color:#293138;font:inherit;font-weight:400} .tasa-site .tasa-calendar-filters button{display:inline-block;min-height:45px;padding:10px 22px;background:#226f9d;color:#fff;border:0;border-radius:6px;font:inherit;font-weight:600;cursor:pointer} .tasa-site .tasa-calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} .tasa-site .tasa-calendar-month{grid-column:1/-1;display:flex;align-items:center;gap:20px;margin:8px 0 0;font-size:30px;color:#8b482b} .tasa-site .tasa-calendar-month:after{content:"";height:1px;flex:1;background:#d9d0c0} .tasa-site .tasa-event-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e1dacd;border-radius:14px;background:#fff;box-shadow:0 5px 18px #3c35220a} .tasa-site .tasa-event-card-heading{min-height:126px;padding:22px 24px 18px;background:#f6f3ec;border-bottom:1px solid #e6e0d5} .tasa-site .tasa-event-card h3{font-family:Fraunces,Georgia,serif;font-size:25px;line-height:1.2;letter-spacing:-.02em;margin:8px 0 0;color:#2f493d} .tasa-site .tasa-event-card h3 a{font:inherit;line-height:inherit;color:inherit;text-decoration:none;border:0} .tasa-site .tasa-event-kicker{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#966230} .tasa-site .tasa-event-date-panel{display:flex;align-items:center;gap:16px;background:#293e34;color:#fff;padding:14px 24px;line-height:1.4} .tasa-site .tasa-event-day{font-family:Fraunces,Georgia,serif;font-size:46px;line-height:1;min-width:52px} .tasa-site .tasa-event-date-copy{display:flex;flex-direction:column;gap:3px;font-size:14px} .tasa-site .tasa-event-date-copy strong{font-size:17px;font-weight:600;color:#fff} .tasa-site .tasa-event-card-body{display:grid;grid-template-columns:146px minmax(0,1fr);gap:22px;padding:24px;flex:1;align-items:start} .tasa-site .tasa-event-art{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#f6f3ec;min-height:164px} .tasa-site .tasa-event-art img{display:block;width:100%;height:180px;object-fit:contain;max-width:100%} .tasa-site .tasa-event-card p{font-size:15px;line-height:1.65;margin:0 0 10px} .tasa-site .tasa-event-card .tasa-event-location{font-size:13px;line-height:1.5;font-weight:600;color:#677569;margin-bottom:10px} .tasa-site .tasa-event-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 24px 24px;margin-top:auto} .tasa-site .tasa-event-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border:1px solid #226f9d;border-radius:7px;color:#226f9d;background:#fff;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;text-align:center} .tasa-site .tasa-event-button:hover{background:#eef5f8} .tasa-site a.tasa-event-button-join{background:#2f6b48;border-color:#2f6b48;color:#fff} .tasa-site a.tasa-event-button-join:hover{background:#25563a} .tasa-site .tasa-calendar-empty{padding:28px;border:1px solid #e1dacd;border-radius:14px;background:#fff} .tasa-site .tasa-event-back{border:0;display:inline-block;font-size:14px;text-decoration:none;margin-bottom:24px} .tasa-site .tasa-event-hero{display:grid;grid-template-columns:260px minmax(0,1fr);gap:42px;align-items:center;padding:36px;background:#fff;border:1px solid #e1dacd;border-radius:18px;box-shadow:0 5px 24px #3c352208} .tasa-site .tasa-event-hero-art{background:#f6f3ec;border-radius:12px;overflow:hidden} .tasa-site .tasa-event-hero-art img{display:block;max-width:100%;width:100%;height:280px;object-fit:contain} .tasa-site .tasa-event-page h1{font-size:clamp(32px,3.4vw,44px);margin:12px 0 20px;color:#2f493d} .tasa-site .tasa-event-hero .tasa-event-date-panel{border-radius:9px;margin:20px 0 0} .tasa-site .tasa-event-badges{display:flex;gap:8px;flex-wrap:wrap} .tasa-site .tasa-event-badges span,.tasa-site .tasa-event-badges a{border:0;display:inline-block;background:#f1eee5;color:#5d6255;border-radius:20px;padding:4px 11px;font-size:12px;line-height:1.5;text-decoration:none} .tasa-site .tasa-event-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start;margin-top:30px} .tasa-site .tasa-event-description,.tasa-site .tasa-event-sidebar{padding:32px;background:#fff;border:1px solid #e1dacd;border-radius:14px;min-width:0} .tasa-site .tasa-event-description{font-size:17px;line-height:1.8;overflow-wrap:anywhere} .tasa-site .tasa-event-description h2{font-size:28px;margin:0 0 22px;color:#8b482b} .tasa-site .tasa-event-description h3{font-size:23px;margin:24px 0 14px} .tasa-site .tasa-event-description p{margin:0 0 22px} .tasa-site .tasa-event-description p:last-child{margin-bottom:0} .tasa-site .tasa-event-description ul,.tasa-site .tasa-event-description ol{padding-left:24px;list-style:revert;margin:16px 0} .tasa-site .tasa-event-description img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:6px} .tasa-site .tasa-event-description a{text-decoration:underline;text-underline-offset:3px} .tasa-site .tasa-event-sidebar{padding:26px} .tasa-site .tasa-event-sidebar h2{font-size:24px;margin:0 0 18px;color:#2f493d} .tasa-site .tasa-event-sidebar p{font-size:15px;line-height:1.65;margin:0 0 18px} .tasa-site .tasa-event-sidebar .tasa-event-button{width:100%;margin:0 0 12px} .tasa-site .tasa-event-sidebar hr{border:0;border-top:1px solid #e2dbcf;margin:24px 0} .tasa-site .tasa-event-resource{display:block;font-size:15px;margin:0 0 13px;text-decoration:underline;text-underline-offset:3px} .tasa-site .tasa-event-notice{border-left:3px solid #ac8050;background:#f6f3ec;padding:14px 16px;border-radius:4px} .tasa-site .tasa-calendar :focus-visible,.tasa-site .tasa-event-page :focus-visible{outline:3px solid #bd8743;outline-offset:4px} @media(max-width:850px){.tasa-site .tasa-event-card-body{grid-template-columns:105px minmax(0,1fr);gap:16px;padding:20px}.tasa-site .tasa-event-art img{height:150px}.tasa-site .tasa-event-art{min-height:150px}.tasa-site .tasa-event-layout{grid-template-columns:minmax(0,1fr)}.tasa-site .tasa-event-hero{grid-template-columns:210px minmax(0,1fr);gap:26px;padding:26px}.tasa-site .tasa-event-hero-art img{height:250px}} @media(max-width:650px){.tasa-site .tasa-calendar,.tasa-site .tasa-event-page{width:calc(100% - 32px);padding:30px 0 44px}.tasa-site .tasa-calendar-grid{grid-template-columns:1fr;gap:22px}.tasa-site .tasa-calendar-filters label{flex-basis:100%}.tasa-site .tasa-calendar-filters button{width:100%}.tasa-site .tasa-event-card-body{grid-template-columns:115px minmax(0,1fr)}.tasa-site .tasa-event-hero{grid-template-columns:1fr;padding:24px;gap:24px}.tasa-site .tasa-event-hero-art{max-width:250px;margin:auto;width:100%}.tasa-site .tasa-event-hero-art img{height:245px}.tasa-site .tasa-event-description{padding:24px}.tasa-site .tasa-event-date-panel{padding:14px 18px}} .tasa-site .tasa-calendar,.tasa-site .tasa-event-page{width:min(1170px,calc(100% - 40px));margin:0 auto;padding:48px 0 64px;color:#293138;line-height:1.65} .tasa-site .tasa-calendar h1,.tasa-site .tasa-calendar h2,.tasa-site .tasa-event-page h1,.tasa-site .tasa-event-page h2,.tasa-site .tasa-event-page h3{font-family:Fraunces,Georgia,serif;line-height:1.2;letter-spacing:-.02em} .tasa-site .tasa-calendar h1{font-size:clamp(34px,4vw,48px);margin:0 0 16px;color:#242721} .tasa-site .tasa-calendar-intro{max-width:800px;margin:0 0 12px;font-size:18px;color:#536057} .tasa-site .tasa-calendar a,.tasa-site .tasa-event-page a{color:#226f9d;box-shadow:none;outline:0} .tasa-site .tasa-calendar-nav{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0} .tasa-site .tasa-calendar-nav a{border:1px solid #ded7cb;border-radius:24px;padding:7px 14px;background:#fff;text-decoration:none;font-size:14px;font-weight:600} .tasa-site .tasa-calendar-nav a:hover,.tasa-site .tasa-calendar-nav a[aria-current=page]{background:#2f4c3f;border-color:#2f4c3f;color:#fff} .tasa-site .tasa-calendar-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:22px;background:#f0ece3;border:1px solid #e2dbce;border-radius:14px;margin:0 0 34px} .tasa-site .tasa-calendar-filters label{display:flex;flex:1 1 180px;flex-direction:column;font-size:14px;font-weight:600;gap:7px} .tasa-site .tasa-calendar-filters select{width:100%;min-height:45px;padding:10px 12px;border:1px solid #d5d1c7;border-radius:6px;background:#fff;color:#293138;font:inherit;font-weight:400} .tasa-site .tasa-calendar-filters button{display:inline-block;min-height:45px;padding:10px 22px;background:#226f9d;color:#fff;border:0;border-radius:6px;font:inherit;font-weight:600;cursor:pointer} .tasa-site .tasa-calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} .tasa-site .tasa-calendar-month{grid-column:1/-1;display:flex;align-items:center;gap:20px;margin:8px 0 0;font-size:30px;color:#8b482b} .tasa-site .tasa-calendar-month:after{content:"";height:1px;flex:1;background:#d9d0c0} .tasa-site .tasa-event-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #e1dacd;border-radius:14px;background:#fff;box-shadow:0 5px 18px #3c35220a} .tasa-site .tasa-event-card-heading{min-height:126px;padding:22px 24px 18px;background:#f6f3ec;border-bottom:1px solid #e6e0d5} .tasa-site .tasa-event-card h3{font-family:Fraunces,Georgia,serif;font-size:25px;line-height:1.2;letter-spacing:-.02em;margin:8px 0 0;color:#2f493d} .tasa-site .tasa-event-card h3 a{font:inherit;line-height:inherit;color:inherit;text-decoration:none;border:0} .tasa-site .tasa-event-kicker{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#966230} .tasa-site .tasa-event-date-panel{display:flex;align-items:center;gap:16px;background:#293e34;color:#fff;padding:14px 24px;line-height:1.4} .tasa-site .tasa-event-day{font-family:Fraunces,Georgia,serif;font-size:46px;line-height:1;min-width:52px} .tasa-site .tasa-event-date-copy{display:flex;flex-direction:column;gap:3px;font-size:14px} .tasa-site .tasa-event-date-copy strong{font-size:17px;font-weight:600;color:#fff} .tasa-site .tasa-event-card-body{display:grid;grid-template-columns:146px minmax(0,1fr);gap:22px;padding:24px;flex:1;align-items:start} .tasa-site .tasa-event-art{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#f6f3ec;min-height:164px} .tasa-site .tasa-event-art img{display:block;width:100%;height:180px;object-fit:contain;max-width:100%} .tasa-site .tasa-event-card p{font-size:15px;line-height:1.65;margin:0 0 10px} .tasa-site .tasa-event-card .tasa-event-location{font-size:13px;line-height:1.5;font-weight:600;color:#677569;margin-bottom:10px} .tasa-site .tasa-event-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 24px 24px;margin-top:auto} .tasa-site .tasa-event-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border:1px solid #226f9d;border-radius:7px;color:#226f9d;background:#fff;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;text-align:center} .tasa-site .tasa-event-button:hover{background:#eef5f8} .tasa-site a.tasa-event-button-join{background:#2f6b48;border-color:#2f6b48;color:#fff} .tasa-site a.tasa-event-button-join:hover{background:#25563a} .tasa-site .tasa-calendar-empty{padding:28px;border:1px solid #e1dacd;border-radius:14px;background:#fff} .tasa-site .tasa-event-back{border:0;display:inline-block;font-size:14px;text-decoration:none;margin-bottom:24px} .tasa-site .tasa-event-hero{display:grid;grid-template-columns:260px minmax(0,1fr);gap:42px;align-items:center;padding:36px;background:#fff;border:1px solid #e1dacd;border-radius:18px;box-shadow:0 5px 24px #3c352208} .tasa-site .tasa-event-hero-art{background:#f6f3ec;border-radius:12px;overflow:hidden} .tasa-site .tasa-event-hero-art img{display:block;max-width:100%;width:100%;height:280px;object-fit:contain} .tasa-site .tasa-event-page h1{font-size:clamp(32px,3.4vw,44px);margin:12px 0 20px;color:#2f493d} .tasa-site .tasa-event-hero .tasa-event-date-panel{border-radius:9px;margin:20px 0 0} .tasa-site .tasa-event-badges{display:flex;gap:8px;flex-wrap:wrap} .tasa-site .tasa-event-badges span,.tasa-site .tasa-event-badges a{border:0;display:inline-block;background:#f1eee5;color:#5d6255;border-radius:20px;padding:4px 11px;font-size:12px;line-height:1.5;text-decoration:none} .tasa-site .tasa-event-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start;margin-top:30px} .tasa-site .tasa-event-description,.tasa-site .tasa-event-sidebar{padding:32px;background:#fff;border:1px solid #e1dacd;border-radius:14px;min-width:0} .tasa-site .tasa-event-description{font-size:17px;line-height:1.8;overflow-wrap:anywhere} .tasa-site .tasa-event-description h2{font-size:28px;margin:0 0 22px;color:#8b482b} .tasa-site .tasa-event-description h3{font-size:23px;margin:24px 0 14px} .tasa-site .tasa-event-description p{margin:0 0 22px} .tasa-site .tasa-event-description p:last-child{margin-bottom:0} .tasa-site .tasa-event-description ul,.tasa-site .tasa-event-description ol{padding-left:24px;list-style:revert;margin:16px 0} .tasa-site .tasa-event-description img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:6px} .tasa-site .tasa-event-description a{text-decoration:underline;text-underline-offset:3px} .tasa-site .tasa-event-sidebar{padding:26px} .tasa-site .tasa-event-sidebar h2{font-size:24px;margin:0 0 18px;color:#2f493d} .tasa-site .tasa-event-sidebar p{font-size:15px;line-height:1.65;margin:0 0 18px} .tasa-site .tasa-event-sidebar .tasa-event-button{width:100%;margin:0 0 12px} .tasa-site .tasa-event-sidebar hr{border:0;border-top:1px solid #e2dbcf;margin:24px 0} .tasa-site .tasa-event-resource{display:block;font-size:15px;margin:0 0 13px;text-decoration:underline;text-underline-offset:3px} .tasa-site .tasa-event-notice{border-left:3px solid #ac8050;background:#f6f3ec;padding:14px 16px;border-radius:4px} .tasa-site .tasa-calendar :focus-visible,.tasa-site .tasa-event-page :focus-visible{outline:3px solid #bd8743;outline-offset:4px} @media(max-width:850px){.tasa-site .tasa-event-card-body{grid-template-columns:105px minmax(0,1fr);gap:16px;padding:20px}.tasa-site .tasa-event-art img{height:150px}.tasa-site .tasa-event-art{min-height:150px}.tasa-site .tasa-event-layout{grid-template-columns:minmax(0,1fr)}.tasa-site .tasa-event-hero{grid-template-columns:210px minmax(0,1fr);gap:26px;padding:26px}.tasa-site .tasa-event-hero-art img{height:250px}} @media(max-width:650px){.tasa-site .tasa-calendar,.tasa-site .tasa-event-page{width:calc(100% - 32px);padding:30px 0 44px}.tasa-site .tasa-calendar-grid{grid-template-columns:1fr;gap:22px}.tasa-site .tasa-calendar-filters label{flex-basis:100%}.tasa-site .tasa-calendar-filters button{width:100%}.tasa-site .tasa-event-card-body{grid-template-columns:115px minmax(0,1fr)}.tasa-site .tasa-event-hero{grid-template-columns:1fr;padding:24px;gap:24px}.tasa-site .tasa-event-hero-art{max-width:250px;margin:auto;width:100%}.tasa-site .tasa-event-hero-art img{height:245px}.tasa-site .tasa-event-description{padding:24px}.tasa-site .tasa-event-date-panel{padding:14px 18px}} .tasa-site .tasa-article{background:#faf7f1;color:#293138;font-family:Inter,Arial,sans-serif;line-height:1.8;width:100%;padding-bottom:64px} .tasa-site .tasa-article-head{max-width:1080px;padding:44px 28px 32px;margin:auto;text-align:center} .tasa-site .tasa-article-back{display:inline-block;color:#226f9d;font-size:14px;font-weight:600;text-decoration:none;margin-bottom:24px} .tasa-site .tasa-article h1{font:500 clamp(32px,4.4vw,54px)/1.16 Fraunces,Georgia,serif;letter-spacing:-.025em;text-transform:none;margin:0 auto 24px;max-width:960px;color:#293138;overflow-wrap:anywhere} .tasa-site .tasa-article-meta{font-size:14px;color:#7c6544;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin:0 0 16px} .tasa-site .tasa-article-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px} .tasa-site .tasa-article-categories span{font-size:12px;line-height:1.5;border:1px solid #ded7cb;border-radius:20px;padding:5px 12px;color:#53665a} .tasa-site .tasa-article-cover{max-width:960px;margin:0 auto 34px;padding:0 24px} .tasa-site .tasa-article-cover img{display:block;width:auto;max-width:100%;height:auto;max-height:470px;object-fit:contain;margin:auto;border-radius:12px} .tasa-site .tasa-article-body{max-width:860px;margin:auto;padding:42px 48px;background:#fff;border:1px solid #e5dfd5;border-radius:14px;box-shadow:0 8px 24px rgba(62,54,40,.035);font-size:18px;overflow-wrap:anywhere;display:flow-root} .tasa-site .tasa-article-body p{margin:0 0 1.25em} .tasa-site .tasa-article-body p:last-child{margin-bottom:0} .tasa-site .tasa-article-body h2,.tasa-site .tasa-article-body h3,.tasa-site .tasa-article-body h4{font-family:Fraunces,Georgia,serif;color:#293138;font-weight:500;line-height:1.3;letter-spacing:normal;text-transform:none;margin:1.5em 0 .65em} .tasa-site .tasa-article-body h2{font-size:31px}.tasa-site .tasa-article-body h3{font-size:27px}.tasa-site .tasa-article-body h4{font-size:23px} .tasa-site .tasa-article-body>:first-child{margin-top:0} .tasa-site .tasa-article-body a{color:#226f9d;text-decoration:underline;text-underline-offset:3px} .tasa-site .tasa-article-body a.fasc-button{display:inline-block;padding:10px 20px;border-radius:7px;text-decoration:none;margin:8px 0} .tasa-site .tasa-article-body img{max-width:100%;height:auto;border-radius:6px}.tasa-site .tasa-article-body figure,.tasa-site .tasa-article-body .wp-caption{max-width:100%;margin:24px auto} .tasa-site .tasa-article-body figcaption,.tasa-site .tasa-article-body .wp-caption-text{font-size:14px;line-height:1.5;color:#706857;margin-top:10px} .tasa-site .tasa-article-body .aligncenter{display:block;margin-left:auto;margin-right:auto}.tasa-site .tasa-article-body .alignleft{float:left;margin:8px 26px 18px 0}.tasa-site .tasa-article-body .alignright{float:right;margin:8px 0 18px 26px} .tasa-site .tasa-article-body iframe,.tasa-site .tasa-article-body video{max-width:100%;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px} .tasa-site .tasa-article-body blockquote{margin:28px 0;padding:18px 24px;border-left:4px solid #b88b50;background:#faf7f1} .tasa-site .tasa-article-body ul,.tasa-site .tasa-article-body ol{padding-left:1.4em;margin:0 0 1.4em}.tasa-site .tasa-article-body li{margin:.45em 0} .tasa-site .tasa-article-body table{max-width:100%;display:block;overflow:auto}.tasa-site .tasa-article-body td,.tasa-site .tasa-article-body th{padding:8px;border:1px solid #ded7cb} .tasa-site .tasa-article-more{max-width:1080px;margin:44px auto 0;padding:0 24px}.tasa-site .tasa-article-more h2{font:500 30px/1.3 Fraunces,Georgia,serif;margin:0 0 22px} .tasa-site .tasa-article-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tasa-site .tasa-article-related a{display:flex;flex-direction:column;background:#fff;border:1px solid #ded7cb;border-radius:12px;overflow:hidden;text-decoration:none;color:#293138}.tasa-site .tasa-article-related img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.tasa-site .tasa-article-related span{padding:20px;font:500 22px/1.3 Fraunces,Georgia,serif}.tasa-site .tasa-article-related a:hover{border-color:#b88b50} .tasa-site .tasa-article-end{text-align:center;margin-top:34px}.tasa-site .tasa-article-end a{display:inline-block;background:#226f9d;color:#fff;font-weight:600;padding:12px 24px;border-radius:7px;text-decoration:none} .tasa-site .tasa-article a:focus-visible{outline:3px solid #bd8743;outline-offset:4px} @media(max-width:900px){.tasa-site .tasa-article-body{margin:0 24px;padding:32px}.tasa-site .tasa-article-head{padding-top:30px}} @media(max-width:650px){.tasa-site .tasa-article-head{padding:28px 20px}.tasa-site .tasa-article-body{margin:0 16px;padding:25px 22px;font-size:17px}.tasa-site .tasa-article-cover{padding:0 16px}.tasa-site .tasa-article-body .alignleft,.tasa-site .tasa-article-body .alignright{float:none;display:block;margin:20px auto}.tasa-site .tasa-article-related{grid-template-columns:1fr}.tasa-site .tasa-article{padding-bottom:40px}} .tasa-site .tasa-pillar-sidebar{background:#fff;border:1px solid #ded7cb;border-radius:10px;padding:24px;position:sticky;top:100px}.tasa-site .tasa-pillar-sidebar h3{font:600 20px/1.3 Fraunces,Georgia,serif;margin:0 0 18px}.tasa-site .tasa-pillar-sidebar nav{display:grid;gap:6px}.tasa-site .tasa-pillar-sidebar nav a{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:6px;color:#293138;text-decoration:none;font-size:15px}.tasa-site .tasa-pillar-sidebar nav a[aria-current],.tasa-site .tasa-pillar-sidebar nav a:hover{background:#faf7f1;color:#226f9d}.tasa-site .tasa-pillar-work{display:block;border-top:1px solid #ded7cb;padding-top:18px;margin-top:18px;color:#226f9d;font-weight:600;text-decoration:none}.tasa-site .tasa-pillar-sidebar a:focus-visible{outline:3px solid #bd8743;outline-offset:3px} .tasa-site .tasa-cp{color:#293138;font-family:inherit;line-height:1.65} .tasa-site .tasa-cp *{box-sizing:border-box} .tasa-site .tasa-cp a{color:#226f9d;text-decoration:none} .tasa-site .tasa-cp a:focus-visible{outline:3px solid #bd8743;outline-offset:5px} .tasa-site .tasa-cp-wrap{width:min(1170px,calc(100% - 48px));margin:0 auto} .tasa-site .tasa-cp-hero{background:#faf7f1;padding:68px 0} .tasa-site .tasa-cp-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center} .tasa-site .tasa-cp-eyebrow{font-size:14px;font-weight:600;color:#b36431;margin:0 0 18px} .tasa-site .tasa-cp h1,.tasa-site .tasa-cp h2,.tasa-site .tasa-cp h3{font-family:Fraunces,Georgia,serif;color:#293138;letter-spacing:normal;text-transform:none} .tasa-site .tasa-cp h1{font-size:clamp(34px,3.5vw,50px);line-height:1.12;margin:0 0 24px;font-weight:600} .tasa-site .tasa-cp-hero-lead{font-size:18px;line-height:1.7;margin:0} .tasa-site .tasa-cp-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:28px 8px 28px 8px} .tasa-site .tasa-cp-intro{padding:52px 0 20px;max-width:900px} .tasa-site .tasa-cp h2{font-size:30px;line-height:1.2;margin:0 0 16px;font-weight:600} .tasa-site .tasa-cp-intro p{margin:0 0 16px} .tasa-site .tasa-cp-jumps{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0 24px} .tasa-site .tasa-cp-jumps a,.tasa-site .tasa-cp-membership-links a{display:inline-flex;align-items:center;border:1px solid #d9d5ca;border-radius:999px;background:#faf7f1;padding:8px 16px;font-size:14px;font-weight:600} .tasa-site .tasa-cp-group{padding:34px 0;border-top:1px solid #e2ddd3;scroll-margin-top:130px} .tasa-site .tasa-cp-section-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:22px} .tasa-site .tasa-cp-section-heading h2,.tasa-site .tasa-cp-section-heading h3{margin:0 0 8px} .tasa-site .tasa-cp-section-heading p{margin:0;color:#58616a} .tasa-site .tasa-cp-pillar-link{flex-shrink:0;font-size:14px;font-weight:600} .tasa-site .tasa-cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .tasa-site .tasa-cp .tasa-cp-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border:1px solid #e1ddd4;border-radius:12px;background:#fff;min-width:0;transition:border-color .15s,box-shadow .15s} .tasa-site .tasa-cp .tasa-cp-card:hover{border-color:#b88b50;box-shadow:0 5px 18px #342c1e0c} .tasa-site .tasa-cp-card h3{font-size:22px;line-height:1.3;margin:0;font-weight:600} .tasa-site .tasa-cp-card-pillars{font-size:12px;color:#626b70;margin:0} .tasa-site .tasa-cp-card-output{font-size:14px;line-height:1.6;margin:0}.tasa-site .tasa-cp-card-link{font-size:14px;font-weight:600;margin-top:auto;padding-top:12px} .tasa-site .tasa-cp-cta{padding:40px 0 60px} .tasa-site .tasa-cp-cta p{max-width:760px} .tasa-site .tasa-cp-button{display:inline-block;padding:12px 22px;border-radius:7px;background:#226f9d;color:#fff!important;font-weight:600} .tasa-site .tasa-cp-pillar-section{padding:32px 0;margin:16px 0} .tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .tasa-site .tasa-cp-pillar-section h3{font-size:21px} .tasa-site .tasa-cp-status{margin:24px 0;border-block:1px solid #ded7cb;padding:16px 0}.tasa-site .tasa-cp-status summary{font-weight:600;cursor:pointer}.tasa-site .tasa-cp-status p{margin:12px 0}.tasa-site .tasa-cp-membership{margin:0 0 24px} .tasa-site .tasa-cp-membership h2{font-size:22px;margin-bottom:14px} .tasa-site .tasa-cp-membership-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px} .tasa-site .tasa-cp-membership p{font-size:15px;margin:0 0 16px} @media(max-width:900px){.tasa-site .tasa-cp-hero-grid{gap:28px}.tasa-site .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tasa-site .tasa-cp-section-heading{align-items:flex-start;flex-direction:column;gap:12px}} @media(max-width:650px){.tasa-site .tasa-cp-wrap{width:calc(100% - 36px)}.tasa-site .tasa-cp-hero{padding:38px 0}.tasa-site .tasa-cp-hero-grid{grid-template-columns:1fr}.tasa-site .tasa-cp-hero img{border-radius:20px 6px 20px 6px}.tasa-site .tasa-cp-grid,.tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:1fr}.tasa-site .tasa-cp h2{font-size:27px}.tasa-site .tasa-cp h1{font-size:36px}.tasa-site .tasa-cp-intro{padding-top:36px}} .tasa-site .tasa-pillar-sidebar{background:#fff;border:1px solid #ded7cb;border-radius:10px;padding:24px;position:sticky;top:100px}.tasa-site .tasa-pillar-sidebar h3{font:600 20px/1.3 Fraunces,Georgia,serif;margin:0 0 18px}.tasa-site .tasa-pillar-sidebar nav{display:grid;gap:6px}.tasa-site .tasa-pillar-sidebar nav a{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:6px;color:#293138;text-decoration:none;font-size:15px}.tasa-site .tasa-pillar-sidebar nav a[aria-current],.tasa-site .tasa-pillar-sidebar nav a:hover{background:#faf7f1;color:#226f9d}.tasa-site .tasa-pillar-work{display:block;border-top:1px solid #ded7cb;padding-top:18px;margin-top:18px;color:#226f9d;font-weight:600;text-decoration:none}.tasa-site .tasa-pillar-sidebar a:focus-visible{outline:3px solid #bd8743;outline-offset:3px} .tasa-site .tasa-cp{color:#293138;font-family:inherit;line-height:1.65} .tasa-site .tasa-cp *{box-sizing:border-box} .tasa-site .tasa-cp a{color:#226f9d;text-decoration:none} .tasa-site .tasa-cp a:focus-visible{outline:3px solid #bd8743;outline-offset:5px} .tasa-site .tasa-cp-wrap{width:min(1170px,calc(100% - 48px));margin:0 auto} .tasa-site .tasa-cp-hero{background:#faf7f1;padding:68px 0} .tasa-site .tasa-cp-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center} .tasa-site .tasa-cp-eyebrow{font-size:14px;font-weight:600;color:#b36431;margin:0 0 18px} .tasa-site .tasa-cp h1,.tasa-site .tasa-cp h2,.tasa-site .tasa-cp h3{font-family:Fraunces,Georgia,serif;color:#293138;letter-spacing:normal;text-transform:none} .tasa-site .tasa-cp h1{font-size:clamp(34px,3.5vw,50px);line-height:1.12;margin:0 0 24px;font-weight:600} .tasa-site .tasa-cp-hero-lead{font-size:18px;line-height:1.7;margin:0} .tasa-site .tasa-cp-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:28px 8px 28px 8px} .tasa-site .tasa-cp-intro{padding:52px 0 20px;max-width:900px} .tasa-site .tasa-cp h2{font-size:30px;line-height:1.2;margin:0 0 16px;font-weight:600} .tasa-site .tasa-cp-intro p{margin:0 0 16px} .tasa-site .tasa-cp-jumps{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0 24px} .tasa-site .tasa-cp-jumps a,.tasa-site .tasa-cp-membership-links a{display:inline-flex;align-items:center;border:1px solid #d9d5ca;border-radius:999px;background:#faf7f1;padding:8px 16px;font-size:14px;font-weight:600} .tasa-site .tasa-cp-group{padding:34px 0;border-top:1px solid #e2ddd3;scroll-margin-top:130px} .tasa-site .tasa-cp-section-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:22px} .tasa-site .tasa-cp-section-heading h2,.tasa-site .tasa-cp-section-heading h3{margin:0 0 8px} .tasa-site .tasa-cp-section-heading p{margin:0;color:#58616a} .tasa-site .tasa-cp-pillar-link{flex-shrink:0;font-size:14px;font-weight:600} .tasa-site .tasa-cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .tasa-site .tasa-cp .tasa-cp-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border:1px solid #e1ddd4;border-radius:12px;background:#fff;min-width:0;transition:border-color .15s,box-shadow .15s} .tasa-site .tasa-cp .tasa-cp-card:hover{border-color:#b88b50;box-shadow:0 5px 18px #342c1e0c} .tasa-site .tasa-cp-card h3{font-size:22px;line-height:1.3;margin:0;font-weight:600} .tasa-site .tasa-cp-card-pillars{font-size:12px;color:#626b70;margin:0} .tasa-site .tasa-cp-card-output{font-size:14px;line-height:1.6;margin:0}.tasa-site .tasa-cp-card-link{font-size:14px;font-weight:600;margin-top:auto;padding-top:12px} .tasa-site .tasa-cp-cta{padding:40px 0 60px} .tasa-site .tasa-cp-cta p{max-width:760px} .tasa-site .tasa-cp-button{display:inline-block;padding:12px 22px;border-radius:7px;background:#226f9d;color:#fff!important;font-weight:600} .tasa-site .tasa-cp-pillar-section{padding:32px 0;margin:16px 0} .tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .tasa-site .tasa-cp-pillar-section h3{font-size:21px} .tasa-site .tasa-cp-status{margin:24px 0;border-block:1px solid #ded7cb;padding:16px 0}.tasa-site .tasa-cp-status summary{font-weight:600;cursor:pointer}.tasa-site .tasa-cp-status p{margin:12px 0}.tasa-site .tasa-cp-membership{margin:0 0 24px} .tasa-site .tasa-cp-membership h2{font-size:22px;margin-bottom:14px} .tasa-site .tasa-cp-membership-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px} .tasa-site .tasa-cp-membership p{font-size:15px;margin:0 0 16px} @media(max-width:900px){.tasa-site .tasa-cp-hero-grid{gap:28px}.tasa-site .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tasa-site .tasa-cp-section-heading{align-items:flex-start;flex-direction:column;gap:12px}} @media(max-width:650px){.tasa-site .tasa-cp-wrap{width:calc(100% - 36px)}.tasa-site .tasa-cp-hero{padding:38px 0}.tasa-site .tasa-cp-hero-grid{grid-template-columns:1fr}.tasa-site .tasa-cp-hero img{border-radius:20px 6px 20px 6px}.tasa-site .tasa-cp-grid,.tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:1fr}.tasa-site .tasa-cp h2{font-size:27px}.tasa-site .tasa-cp h1{font-size:36px}.tasa-site .tasa-cp-intro{padding-top:36px}} .tasa-site .tasa-pillar-sidebar{background:#fff;border:1px solid #ded7cb;border-radius:10px;padding:24px;position:sticky;top:100px}.tasa-site .tasa-pillar-sidebar h3{font:600 20px/1.3 Fraunces,Georgia,serif;margin:0 0 18px}.tasa-site .tasa-pillar-sidebar nav{display:grid;gap:6px}.tasa-site .tasa-pillar-sidebar nav a{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:6px;color:#293138;text-decoration:none;font-size:15px}.tasa-site .tasa-pillar-sidebar nav a[aria-current],.tasa-site .tasa-pillar-sidebar nav a:hover{background:#faf7f1;color:#226f9d}.tasa-site .tasa-pillar-work{display:block;border-top:1px solid #ded7cb;padding-top:18px;margin-top:18px;color:#226f9d;font-weight:600;text-decoration:none}.tasa-site .tasa-pillar-sidebar a:focus-visible{outline:3px solid #bd8743;outline-offset:3px} .tasa-site .tasa-cp{color:#293138;font-family:inherit;line-height:1.65} .tasa-site .tasa-cp *{box-sizing:border-box} .tasa-site .tasa-cp a{color:#226f9d;text-decoration:none} .tasa-site .tasa-cp a:focus-visible{outline:3px solid #bd8743;outline-offset:5px} .tasa-site .tasa-cp-wrap{width:min(1170px,calc(100% - 48px));margin:0 auto} .tasa-site .tasa-cp-hero{background:#faf7f1;padding:68px 0} .tasa-site .tasa-cp-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center} .tasa-site .tasa-cp-eyebrow{font-size:14px;font-weight:600;color:#b36431;margin:0 0 18px} .tasa-site .tasa-cp h1,.tasa-site .tasa-cp h2,.tasa-site .tasa-cp h3{font-family:Fraunces,Georgia,serif;color:#293138;letter-spacing:normal;text-transform:none} .tasa-site .tasa-cp h1{font-size:clamp(34px,3.5vw,50px);line-height:1.12;margin:0 0 24px;font-weight:600} .tasa-site .tasa-cp-hero-lead{font-size:18px;line-height:1.7;margin:0} .tasa-site .tasa-cp-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:28px 8px 28px 8px} .tasa-site .tasa-cp-intro{padding:52px 0 20px;max-width:900px} .tasa-site .tasa-cp h2{font-size:30px;line-height:1.2;margin:0 0 16px;font-weight:600} .tasa-site .tasa-cp-intro p{margin:0 0 16px} .tasa-site .tasa-cp-jumps{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0 24px} .tasa-site .tasa-cp-jumps a,.tasa-site .tasa-cp-membership-links a{display:inline-flex;align-items:center;border:1px solid #d9d5ca;border-radius:999px;background:#faf7f1;padding:8px 16px;font-size:14px;font-weight:600} .tasa-site .tasa-cp-group{padding:34px 0;border-top:1px solid #e2ddd3;scroll-margin-top:130px} .tasa-site .tasa-cp-section-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:22px} .tasa-site .tasa-cp-section-heading h2,.tasa-site .tasa-cp-section-heading h3{margin:0 0 8px} .tasa-site .tasa-cp-section-heading p{margin:0;color:#58616a} .tasa-site .tasa-cp-pillar-link{flex-shrink:0;font-size:14px;font-weight:600} .tasa-site .tasa-cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .tasa-site .tasa-cp .tasa-cp-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border:1px solid #e1ddd4;border-radius:12px;background:#fff;min-width:0;transition:border-color .15s,box-shadow .15s} .tasa-site .tasa-cp .tasa-cp-card:hover{border-color:#b88b50;box-shadow:0 5px 18px #342c1e0c} .tasa-site .tasa-cp-card h3{font-size:22px;line-height:1.3;margin:0;font-weight:600} .tasa-site .tasa-cp-card-pillars{font-size:12px;color:#626b70;margin:0} .tasa-site .tasa-cp-card-output{font-size:14px;line-height:1.6;margin:0}.tasa-site .tasa-cp-card-link{font-size:14px;font-weight:600;margin-top:auto;padding-top:12px} .tasa-site .tasa-cp-cta{padding:40px 0 60px} .tasa-site .tasa-cp-cta p{max-width:760px} .tasa-site .tasa-cp-button{display:inline-block;padding:12px 22px;border-radius:7px;background:#226f9d;color:#fff!important;font-weight:600} .tasa-site .tasa-cp-pillar-section{padding:32px 0;margin:16px 0} .tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .tasa-site .tasa-cp-pillar-section h3{font-size:21px} .tasa-site .tasa-cp-status{margin:24px 0;border-block:1px solid #ded7cb;padding:16px 0}.tasa-site .tasa-cp-status summary{font-weight:600;cursor:pointer}.tasa-site .tasa-cp-status p{margin:12px 0}.tasa-site .tasa-cp-membership{margin:0 0 24px} .tasa-site .tasa-cp-membership h2{font-size:22px;margin-bottom:14px} .tasa-site .tasa-cp-membership-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px} .tasa-site .tasa-cp-membership p{font-size:15px;margin:0 0 16px} @media(max-width:900px){.tasa-site .tasa-cp-hero-grid{gap:28px}.tasa-site .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tasa-site .tasa-cp-section-heading{align-items:flex-start;flex-direction:column;gap:12px}} @media(max-width:650px){.tasa-site .tasa-cp-wrap{width:calc(100% - 36px)}.tasa-site .tasa-cp-hero{padding:38px 0}.tasa-site .tasa-cp-hero-grid{grid-template-columns:1fr}.tasa-site .tasa-cp-hero img{border-radius:20px 6px 20px 6px}.tasa-site .tasa-cp-grid,.tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:1fr}.tasa-site .tasa-cp h2{font-size:27px}.tasa-site .tasa-cp h1{font-size:36px}.tasa-site .tasa-cp-intro{padding-top:36px}} .tasa-site .tasa-pillar-sidebar{background:#fff;border:1px solid #ded7cb;border-radius:10px;padding:24px;position:sticky;top:100px}.tasa-site .tasa-pillar-sidebar h3{font:600 20px/1.3 Fraunces,Georgia,serif;margin:0 0 18px}.tasa-site .tasa-pillar-sidebar nav{display:grid;gap:6px}.tasa-site .tasa-pillar-sidebar nav a{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:6px;color:#293138;text-decoration:none;font-size:15px}.tasa-site .tasa-pillar-sidebar nav a[aria-current],.tasa-site .tasa-pillar-sidebar nav a:hover{background:#faf7f1;color:#226f9d}.tasa-site .tasa-pillar-work{display:block;border-top:1px solid #ded7cb;padding-top:18px;margin-top:18px;color:#226f9d;font-weight:600;text-decoration:none}.tasa-site .tasa-pillar-sidebar a:focus-visible{outline:3px solid #bd8743;outline-offset:3px} .tasa-site .tasa-cp{color:#293138;font-family:inherit;line-height:1.65} .tasa-site .tasa-cp *{box-sizing:border-box} .tasa-site .tasa-cp a{color:#226f9d;text-decoration:none} .tasa-site .tasa-cp a:focus-visible{outline:3px solid #bd8743;outline-offset:5px} .tasa-site .tasa-cp-wrap{width:min(1170px,calc(100% - 48px));margin:0 auto} .tasa-site .tasa-cp-hero{background:#faf7f1;padding:68px 0} .tasa-site .tasa-cp-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center} .tasa-site .tasa-cp-eyebrow{font-size:14px;font-weight:600;color:#b36431;margin:0 0 18px} .tasa-site .tasa-cp h1,.tasa-site .tasa-cp h2,.tasa-site .tasa-cp h3{font-family:Fraunces,Georgia,serif;color:#293138;letter-spacing:normal;text-transform:none} .tasa-site .tasa-cp h1{font-size:clamp(34px,3.5vw,50px);line-height:1.12;margin:0 0 24px;font-weight:600} .tasa-site .tasa-cp-hero-lead{font-size:18px;line-height:1.7;margin:0} .tasa-site .tasa-cp-hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:28px 8px 28px 8px} .tasa-site .tasa-cp-intro{padding:52px 0 20px;max-width:900px} .tasa-site .tasa-cp h2{font-size:30px;line-height:1.2;margin:0 0 16px;font-weight:600} .tasa-site .tasa-cp-intro p{margin:0 0 16px} .tasa-site .tasa-cp-jumps{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0 24px} .tasa-site .tasa-cp-jumps a,.tasa-site .tasa-cp-membership-links a{display:inline-flex;align-items:center;border:1px solid #d9d5ca;border-radius:999px;background:#faf7f1;padding:8px 16px;font-size:14px;font-weight:600} .tasa-site .tasa-cp-group{padding:34px 0;border-top:1px solid #e2ddd3;scroll-margin-top:130px} .tasa-site .tasa-cp-section-heading{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:22px} .tasa-site .tasa-cp-section-heading h2,.tasa-site .tasa-cp-section-heading h3{margin:0 0 8px} .tasa-site .tasa-cp-section-heading p{margin:0;color:#58616a} .tasa-site .tasa-cp-pillar-link{flex-shrink:0;font-size:14px;font-weight:600} .tasa-site .tasa-cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .tasa-site .tasa-cp .tasa-cp-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;border:1px solid #e1ddd4;border-radius:12px;background:#fff;min-width:0;transition:border-color .15s,box-shadow .15s} .tasa-site .tasa-cp .tasa-cp-card:hover{border-color:#b88b50;box-shadow:0 5px 18px #342c1e0c} .tasa-site .tasa-cp-card h3{font-size:22px;line-height:1.3;margin:0;font-weight:600} .tasa-site .tasa-cp-card-pillars{font-size:12px;color:#626b70;margin:0} .tasa-site .tasa-cp-card-output{font-size:14px;line-height:1.6;margin:0}.tasa-site .tasa-cp-card-link{font-size:14px;font-weight:600;margin-top:auto;padding-top:12px} .tasa-site .tasa-cp-cta{padding:40px 0 60px} .tasa-site .tasa-cp-cta p{max-width:760px} .tasa-site .tasa-cp-button{display:inline-block;padding:12px 22px;border-radius:7px;background:#226f9d;color:#fff!important;font-weight:600} .tasa-site .tasa-cp-pillar-section{padding:32px 0;margin:16px 0} .tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .tasa-site .tasa-cp-pillar-section h3{font-size:21px} .tasa-site .tasa-cp-status{margin:24px 0;border-block:1px solid #ded7cb;padding:16px 0}.tasa-site .tasa-cp-status summary{font-weight:600;cursor:pointer}.tasa-site .tasa-cp-status p{margin:12px 0}.tasa-site .tasa-cp-membership{margin:0 0 24px} .tasa-site .tasa-cp-membership h2{font-size:22px;margin-bottom:14px} .tasa-site .tasa-cp-membership-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px} .tasa-site .tasa-cp-membership p{font-size:15px;margin:0 0 16px} @media(max-width:900px){.tasa-site .tasa-cp-hero-grid{gap:28px}.tasa-site .tasa-cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tasa-site .tasa-cp-section-heading{align-items:flex-start;flex-direction:column;gap:12px}} @media(max-width:650px){.tasa-site .tasa-cp-wrap{width:calc(100% - 36px)}.tasa-site .tasa-cp-hero{padding:38px 0}.tasa-site .tasa-cp-hero-grid{grid-template-columns:1fr}.tasa-site .tasa-cp-hero img{border-radius:20px 6px 20px 6px}.tasa-site .tasa-cp-grid,.tasa-site .tasa-cp-pillar-section .tasa-cp-grid{grid-template-columns:1fr}.tasa-site .tasa-cp h2{font-size:27px}.tasa-site .tasa-cp h1{font-size:36px}.tasa-site .tasa-cp-intro{padding-top:36px}} .tasa-calendar-record{display:contents}.tasa-article-body>span{display:contents}.tasa-event-description>span{display:contents}.tasa-native-filter .ct-text-block{display:inline}.tasa-committee-contact{margin:28px 0;padding:24px;border:1px solid #ded7cb;border-radius:12px;background:#fff;line-height:1.65}.tasa-committee-contact h2{font:600 27px/1.2 Fraunces,Georgia,serif;margin:0 0 18px}.tasa-committee-contact p{margin:0 0 16px}pre{ font-size:.8em; } .sa-news-list .oxy-repeater-pages-wrap{ display:none; } .glb-div-container__bg{ background-color:#ffffff; } .sa-agroup-heading span{ color:#8b3a19; font-size:var(--fs3) ; } body{ background-image:url(https://terraaustralisstatesassembly.net/ta01-as001/wp-content/uploads/sites/24/2024/09/handmade-paper.png); background-color:#e5e5e5; } .assemblies-grid .tile{ padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; border-radius:var(--bdr-rad) ; border-top-color:#707070; border-right-color:#707070; border-bottom-color:#707070; border-left-color:#707070; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; box-shadow: 0 1px 1px rgba(0,0,0,0.25), 0 2px 2px rgba(0,0,0,0.20), 0 4px 4px rgba(0,0,0,0.15), 0 8px 8px rgba(0,0,0,0.10), 0 16px 16px rgba(0,0,0,0.05); } h1{ color:#8b3a19; }