@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes countdown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes galleryFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes te-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes tewido-orbit-rotate{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tewido-field-icon{width:1.25rem;height:1.25rem;display:block}.tewido-carousel,.tewido-post-loop-carousel{opacity:0;visibility:hidden;transition:opacity .3s ease-in-out}.tewido-carousel.swiper-initialized{opacity:1;visibility:visible}.elementor-editor-active .tewido-carousel{opacity:1!important;visibility:visible!important}.tewido-post-loop-carousel.swiper-initialized{opacity:1;visibility:visible}.elementor-editor-active .tewido-post-loop-carousel{opacity:1!important;visibility:visible!important}.elementor-widget-tewido-post-loop.elementor-widget-empty:has(.tewido-post-loop-carousel,.tewido-post-loop){background-color:transparent!important}.elementor-widget-tewido-post-loop.elementor-widget-empty:has(.tewido-post-loop-carousel,.tewido-post-loop) .elementor-widget-empty-icon{display:none!important}.te-carousel-card-link{position:absolute;top:0;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:1;cursor:pointer}.te-carousel-button{position:relative;z-index:2}.te-carousel-image-wrapper .absolute{z-index:2}.swiper-button-disabled{opacity:.5!important;cursor:not-allowed!important}.swiper-button-next::after,.swiper-button-prev::after{display:none!important}.swiper-button-next,.swiper-button-prev{z-index:10}.swiper-button-next svg,.swiper-button-prev svg{display:block;stroke:currentColor}.tewido-image-widget{display:block;margin:0}.tewido-image-wrapper{display:inline-block;overflow:hidden;line-height:0;max-width:100%}.tewido-image-element{display:block;width:100%;height:auto}.tewido-image-caption{font-size:.875rem;color:#6b7280;line-height:1.5}.dark .tewido-image-caption{color:#9ca3af}.tewido-lightbox-trigger{cursor:zoom-in}.tewido-image-light{display:block}.dark .tewido-image-light,.tewido-image-dark{display:none}.dark .tewido-image-dark{display:block}.tewido-carousel .swiper-button-next,.tewido-carousel .swiper-button-prev,.tewido-post-loop-carousel .swiper-button-next,.tewido-post-loop-carousel .swiper-button-prev{width:42px;height:42px;background:rgba(255,255,255,.8);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease;opacity:0;pointer-events:none}.tewido-carousel:hover .swiper-button-next,.tewido-carousel:hover .swiper-button-prev,.tewido-post-loop-carousel:hover .swiper-button-next,.tewido-post-loop-carousel:hover .swiper-button-prev{opacity:1;pointer-events:auto}.dark .tewido-carousel .swiper-button-next,.dark .tewido-carousel .swiper-button-prev,.dark .tewido-post-loop-carousel .swiper-button-next,.dark .tewido-post-loop-carousel .swiper-button-prev{background:rgba(31,41,55,.9);box-shadow:0 4px 12px rgba(0,0,0,.3)}.tewido-carousel .swiper-button-next:hover,.tewido-carousel .swiper-button-prev:hover,.tewido-post-loop-carousel .swiper-button-next:hover,.tewido-post-loop-carousel .swiper-button-prev:hover{background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.2)}.dark .tewido-carousel .swiper-button-next:hover,.dark .tewido-carousel .swiper-button-prev:hover,.dark .tewido-post-loop-carousel .swiper-button-next:hover,.dark .tewido-post-loop-carousel .swiper-button-prev:hover{background:#1f2937;box-shadow:0 6px 16px rgba(0,0,0,.4)}.tewido-carousel .swiper-button-next svg,.tewido-carousel .swiper-button-prev svg,.tewido-post-loop-carousel .swiper-button-next svg,.tewido-post-loop-carousel .swiper-button-prev svg{width:18px;height:18px;color:#1f2937}.dark .tewido-carousel .swiper-button-next svg,.dark .tewido-carousel .swiper-button-prev svg,.dark .tewido-post-loop-carousel .swiper-button-next svg,.dark .tewido-post-loop-carousel .swiper-button-prev svg{color:#f9fafb}.tewido-carousel .swiper-pagination-bullet,.tewido-post-loop-carousel .swiper-pagination-bullet{width:10px;height:10px;background:rgba(156,163,175,.4);opacity:1;transition:all .3s ease}.dark .tewido-carousel .swiper-pagination-bullet,.dark .tewido-post-loop-carousel .swiper-pagination-bullet{background:rgba(156,163,175,.4)}.tewido-carousel .swiper-pagination-bullet-active,.tewido-post-loop-carousel .swiper-pagination-bullet-active{background:#222;width:32px;border-radius:6px}.dark .tewido-carousel .swiper-pagination-bullet-active,.dark .tewido-post-loop-carousel .swiper-pagination-bullet-active{background:#60a5fa}.dark .tewido-carousel .swiper-pagination-bullet:hover,.dark .tewido-post-loop-carousel .swiper-pagination-bullet:hover,.tewido-carousel .swiper-pagination-bullet:hover,.tewido-post-loop-carousel .swiper-pagination-bullet:hover{background:rgba(156,163,175,.6)}.accordion-border-color{border-bottom-color:rgb(229 231 235)!important}.dark .accordion-border-color{border-bottom-color:rgb(55 65 81)!important}.tewido-animated-headline{display:block}.tewido-animated-text-wrapper{display:inline-block;position:relative}.tewido-animated-text{display:inline-block;min-width:1ch}.tewido-cursor{display:inline-block;margin-inline-start:2px;animation:blink 1s infinite}.tewido-highlighted-text{position:relative;display:inline-block;padding:0 .15em;z-index:1}.tewido-highlighted-content{position:relative;z-index:2}.tewido-highlight-svg{position:absolute;top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:105%;height:120%;pointer-events:none;z-index:-1}[dir=rtl] .tewido-highlight-svg{transform:translate(50%,-50%)}.tewido-custom-svg{width:100%!important;height:100%!important;object-fit:contain}.tewido-post-loop{display:grid;width:100%}.tewido-post-loop>*{min-width:0}.tewido-post-loop-carousel .swiper-slide{height:auto}.tewido-post-loop-carousel .swiper-slide>*{height:100%}.tewido-marquee-multi-wrapper,.tewido-marquee-row{width:100%}.tewido-marquee-wrapper{width:100%;overflow:hidden;position:relative}.tewido-marquee-container{display:flex;width:max-content;will-change:transform}.tewido-marquee-content{display:flex;align-items:center;white-space:nowrap}.tewido-marquee-item{display:flex;align-items:center;flex-shrink:0}.tewido-marquee-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tewido-marquee-icon img,.tewido-marquee-icon svg{display:block;max-width:100%;max-height:100%}.tewido-marquee-text{white-space:nowrap}.tewido-marquee-wrapper:hover .tewido-marquee-container{transition:transform .3s ease}[dir=rtl] .tewido-marquee-container,[dir=rtl] .tewido-marquee-content,[dir=rtl] .tewido-marquee-wrapper{direction:ltr}[dir=rtl] .tewido-marquee-item{direction:rtl}.scrollbar-hide::-webkit-scrollbar,.taxonomy-filter-tabs::-webkit-scrollbar,.tewido-tabs-nav::-webkit-scrollbar{display:none}.tewido-tabs-nav{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden}.scrollbar-hide,.taxonomy-filter-tabs,.tewido-tabs-nav{-ms-overflow-style:none;scrollbar-width:none}.taxonomy-filter-tabs-wrapper.sticky{transition:box-shadow .3s ease;padding-bottom:.5rem}.taxonomy-filter-tabs-wrapper.sticky.is-stuck{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.dark .taxonomy-filter-tabs-wrapper.sticky.is-stuck{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.taxonomy-filter-tabs{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden}.tab-scroll-indicators{position:relative;pointer-events:none}.scroll-indicator-left,.scroll-indicator-right{position:absolute;top:-60px;width:80px;height:60px;pointer-events:none;z-index:40;opacity:0;transition:opacity .3s ease}.taxonomy-filter-tabs-wrapper:hover .scroll-indicator-left:not(.hidden),.taxonomy-filter-tabs-wrapper:hover .scroll-indicator-right:not(.hidden){opacity:1}.scroll-indicator-left{inset-inline-start:0;background:linear-gradient(to right,rgba(255,255,255,.95),transparent)}.scroll-indicator-right,[dir=rtl] .scroll-indicator-left{background:linear-gradient(to left,rgba(255,255,255,.95),transparent)}.scroll-indicator-right{inset-inline-end:0}[dir=rtl] .scroll-indicator-right{background:linear-gradient(to right,rgba(255,255,255,.95),transparent)}.dark .scroll-indicator-left{background:linear-gradient(to right,rgba(17,24,39,.95),transparent)}.dark .scroll-indicator-right{background:linear-gradient(to left,rgba(17,24,39,.95),transparent)}.results-counter{font-weight:500}.skeleton-card{animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.empty-state{min-height:400px;display:flex;align-items:center;justify-content:center}.empty-state svg{opacity:.6}.search-posts-input,.sort-posts-select{transition:all .3s ease}.search-posts-input:focus,.sort-posts-select:focus{outline:0;border-color:rgb(59 130 246);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.dark .search-posts-input:focus,.dark .sort-posts-select:focus{border-color:rgb(96 165 250);box-shadow:0 0 0 3px rgba(96,165,250,.1)}.layout-toggle-btn{padding:.5rem;border-radius:.375rem;transition:all .3s ease;background-color:rgb(243 244 246);color:rgb(107 114 128);border:2px solid transparent}.dark .layout-toggle-btn{background-color:rgb(55 65 81);color:rgb(156 163 175)}.layout-toggle-btn:hover{background-color:rgb(229 231 235)}.dark .layout-toggle-btn:hover{background-color:rgb(75 85 99)}.layout-toggle-btn.active{background-color:rgb(59 130 246);color:#fff;border-color:rgb(37 99 235)}.dark .layout-toggle-btn.active{background-color:rgb(96 165 250);border-color:rgb(59 130 246)}.layout-toggle-btn svg{width:1.25rem;height:1.25rem;display:block}.active-filters-badge{animation:slideDown .3s ease}.clear-filter-btn{transition:all .2s ease}.clear-filter-btn:hover{background-color:rgb(220 38 38);transform:scale(1.1);color:#fff}.dark .clear-filter-btn:hover{background-color:rgb(239 68 68)}.layout-list .post-card{flex-direction:row;max-width:100%}.layout-list .post-card>div:first-child{width:300px;flex-shrink:0}.layout-list .post-card>div:last-child{flex:1;display:flex;flex-direction:column}@media (max-width:768px){.layout-list .post-card{flex-direction:column}.layout-list .post-card>div:first-child{width:100%}}.masonry-grid{column-count:3;column-gap:1.5rem}.masonry-grid .post-card{break-inside:avoid;margin-bottom:1.5rem;display:inline-block;width:100%}@media (max-width:1024px){.masonry-grid{column-count:2}}@media (max-width:640px){.masonry-grid{column-count:1}}.animate-spin{animation:spin 1s linear infinite}.animate-progress{animation:progress 1.5s ease-in-out infinite}.bounce-dot:nth-child(1){animation:bounce 1.4s infinite ease-in-out both;animation-delay:-.32s}.bounce-dot:nth-child(2){animation-delay:-.16s}.bounce-dot:nth-child(2),.bounce-dot:nth-child(3){animation:bounce 1.4s infinite ease-in-out both}@media (max-width:640px){.layout-toggle-btn{padding:.375rem}.layout-toggle-btn svg{width:1rem;height:1rem}.search-posts-input,.sort-posts-select{font-size:.875rem}}.tewido-countdown-item,.tewido-countdown-timer{display:flex;align-items:center;justify-content:center}.tewido-countdown-timer{flex-wrap:wrap}.tewido-countdown-item{flex-direction:column}.tewido-countdown-number{font-size:3rem;font-weight:700;line-height:1;display:block}.tewido-countdown-label{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.tewido-countdown-separator{font-size:2rem;font-weight:600;align-self:center;line-height:1;margin-top:-1rem}.tewido-countdown-expired{font-size:1.5rem;font-weight:600;text-align:center;padding:2rem}.tewido-countdown-pulse{animation:countdown-pulse .3s ease-in-out}@media (max-width:768px){.tewido-countdown-number{font-size:2rem}.tewido-countdown-label{font-size:.75rem}.tewido-countdown-separator{font-size:1.5rem}.tewido-countdown-expired{font-size:1.25rem;padding:1.5rem}}@media (max-width:480px){.tewido-countdown-number{font-size:1.5rem}.tewido-countdown-label{font-size:.625rem}.tewido-countdown-separator{font-size:1.25rem}.tewido-countdown-expired{font-size:1rem;padding:1rem}}.te-gallery-grid{display:grid;gap:1.25rem;width:100%}.te-gallery-grid.te-masonry{display:block;column-gap:1.25rem}.te-gallery-grid.te-masonry .te-gallery-item{display:inline-block;width:100%;margin-bottom:1.25rem;break-inside:avoid;page-break-inside:avoid}.dark .te-load-more-btn:disabled{background-color:rgb(75 85 99)!important;color:#fff!important}.te-btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:te-spin .6s linear infinite;margin-inline-end:.5rem}.te-load-more-btn:not(.loading) .te-btn-spinner{display:none}.te-flex-slider{position:relative;width:100%}.te-flex-slider .swiper-slide{position:relative;overflow:hidden}.te-flex-slider .swiper-pagination{bottom:20px}.te-flex-slider .swiper-pagination-bullet{width:10px;height:10px;opacity:.5;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.te-flex-slider .swiper-pagination-bullet-active{opacity:1;transform:scale(1.2)}.te-flex-slider .te-pagination-bullets-line .swiper-pagination-bullet{width:24px;height:4px;border-radius:2px}.te-flex-slider .te-pagination-bullets-line .swiper-pagination-bullet-active{width:40px;transform:scale(1)}.te-flex-slider .te-pagination-bullets-square .swiper-pagination-bullet{width:12px;height:12px;border-radius:2px}.te-flex-slider .te-pagination-bullets-square .swiper-pagination-bullet-active{transform:scale(1)}.te-flex-slider .te-pagination-bullets-dash .swiper-pagination-bullet{width:16px;height:3px;border-radius:0}.te-flex-slider .te-pagination-bullets-dash .swiper-pagination-bullet-active{width:32px;transform:scale(1)}.te-flex-slider .te-pagination-bullets-number .swiper-pagination-bullet{width:28px;height:28px;border-radius:50%;font-size:12px;font-weight:600;opacity:.6}.te-flex-slider .te-pagination-bullets-number .swiper-pagination-bullet-active{opacity:1;transform:scale(1.15)}.te-flex-slider .swiper-scrollbar{position:absolute;bottom:10px;inset-inline-start:5%;width:90%;height:4px;background:rgba(255,255,255,.3);border-radius:2px}.te-flex-slider .swiper-scrollbar-drag{background:rgba(255,255,255,.8);border-radius:2px;cursor:grab}.te-flex-slider .swiper-scrollbar-drag:active{cursor:grabbing}.te-flex-slider .swiper-pagination-progressbar{height:4px}.te-flex-slider .swiper-pagination-progressbar.te-progressbar-bottom{bottom:0;top:auto}.te-flex-slider .swiper-pagination-progressbar.te-progressbar-top{top:0;bottom:auto}.te-flex-slider .swiper-button-next,.te-flex-slider .swiper-button-prev{transition:all .3s ease;display:flex;align-items:center;justify-content:center}.elementor-editor-active .te-flex-slider .swiper-button-next,.elementor-editor-active .te-flex-slider .swiper-button-prev{display:flex}.te-flex-arrows{z-index:10;pointer-events:none;visibility:hidden}.te-flex-arrows.te-arrows-ready{visibility:visible}.te-flex-arrows .swiper-button-next,.te-flex-arrows .swiper-button-prev{pointer-events:auto;margin:0}.te-flex-arrows.te-arrows-grouped{display:flex;align-items:center}.te-flex-arrows.te-arrows-sides{position:static;display:block}.te-flex-arrows.te-arrows-sides .swiper-button-next,.te-flex-arrows.te-arrows-sides .swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%)}.te-flex-arrows.te-arrows-sides .swiper-button-prev{inset-inline-start:20px;inset-inline-end:auto}.te-flex-arrows.te-arrows-sides .swiper-button-next{inset-inline-end:20px;inset-inline-start:auto}.te-flex-arrows.te-arrows-bottom-center,.te-flex-arrows.te-arrows-bottom-left,.te-flex-arrows.te-arrows-bottom-right,.te-flex-arrows.te-arrows-top-center,.te-flex-arrows.te-arrows-top-left,.te-flex-arrows.te-arrows-top-right{position:absolute;display:flex}.te-flex-arrows.te-arrows-bottom-center .swiper-button-next,.te-flex-arrows.te-arrows-bottom-center .swiper-button-prev,.te-flex-arrows.te-arrows-bottom-left .swiper-button-next,.te-flex-arrows.te-arrows-bottom-left .swiper-button-prev,.te-flex-arrows.te-arrows-bottom-right .swiper-button-next,.te-flex-arrows.te-arrows-bottom-right .swiper-button-prev,.te-flex-arrows.te-arrows-top-center .swiper-button-next,.te-flex-arrows.te-arrows-top-center .swiper-button-prev,.te-flex-arrows.te-arrows-top-left .swiper-button-next,.te-flex-arrows.te-arrows-top-left .swiper-button-prev,.te-flex-arrows.te-arrows-top-right .swiper-button-next,.te-flex-arrows.te-arrows-top-right .swiper-button-prev{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none}.te-flex-arrows.te-arrows-bottom-center{bottom:20px;top:auto;inset-inline-start:50%;inset-inline-end:auto;transform:translateX(-50%)}[dir=rtl] .te-flex-arrows.te-arrows-bottom-center,[dir=rtl] .te-flex-arrows.te-arrows-top-center{transform:translateX(50%)}.te-flex-arrows.te-arrows-bottom-left{bottom:20px;top:auto;inset-inline-start:20px;inset-inline-end:auto;transform:none}.te-flex-arrows.te-arrows-bottom-right{bottom:20px;top:auto;inset-inline-end:20px;inset-inline-start:auto;transform:none}.te-flex-arrows.te-arrows-top-center{top:20px;bottom:auto;inset-inline-start:50%;inset-inline-end:auto;transform:translateX(-50%)}.te-flex-arrows.te-arrows-top-left{top:20px;bottom:auto;inset-inline-start:20px;inset-inline-end:auto;transform:none}.te-flex-arrows.te-arrows-top-right{top:20px;bottom:auto;inset-inline-end:20px;inset-inline-start:auto;transform:none}.te-flex-slider-thumbs{margin-top:10px;padding:5px 0}.te-flex-slider-thumbs .swiper-slide{opacity:.6;cursor:pointer;transition:opacity .3s ease,transform .3s ease;border-radius:4px;overflow:hidden}.te-flex-slider-thumbs .swiper-slide:hover{opacity:.9}.te-flex-slider-thumbs .swiper-slide-thumb-active{opacity:1;transform:scale(1.05)}.te-flex-slider-thumbs .te-thumb-slide{aspect-ratio:16/9;background:rgba(0,0,0,.1)}.te-flex-slider-thumbs .te-thumb-slide img{width:100%;height:100%;object-fit:cover}.te-flex-slider-thumbs .te-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;font-size:18px;font-weight:600}.te-flex-slider .swiper-lazy{opacity:0;transition:opacity .3s ease}.te-flex-slider .swiper-lazy-loaded{opacity:1}.te-flex-slider .swiper-lazy-preloader{position:absolute;inset-inline-start:50%;top:50%;width:40px;height:40px;margin-inline-start:-20px;margin-top:-20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:te-spin 1s linear infinite}.tewido-acf-text-empty{text-align:center;padding:1.5rem 1rem;color:rgb(107 114 128);background-color:rgb(249 250 251);border:1px solid rgb(229 231 235);border-radius:.5rem;font-size:.875rem;line-height:1.5}.dark .tewido-acf-text-empty{color:rgb(156 163 175);background-color:rgb(31 41 55);border-color:rgb(55 65 81)}.tewido-text-orbit-wrapper{display:flex;width:100%}.tewido-text-orbit{position:relative;width:300px;height:300px}.tewido-orbit-svg{position:absolute;top:0;left:0;width:100%;height:100%;animation:tewido-orbit-rotate 14s linear infinite;overflow:visible}.tewido-orbit-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}a.tewido-orbit-center:hover{transform:translate(-50%,-50%) scale(1.05)}.tewido-orbit-number{line-height:1}.tewido-orbit-pause-hover:hover .tewido-orbit-svg{animation-play-state:paused}[dir=rtl] .tewido-orbit-svg{animation-direction:reverse}.tewido-orbit-svg{unicode-bidi:bidi-override}.tewido-orbit-svg,.tewido-orbit-svg text,.tewido-orbit-svg textPath{direction:ltr!important}.tewido-light-text .nice-select{background-color:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")!important}.tewido-light-text .nice-select:hover{border-color:rgba(255,255,255,.4)!important}.tewido-light-text .nice-select.open,.tewido-light-text .nice-select:focus{border-color:rgba(255,255,255,.4)!important}.tewido-light-text .nice-select .current{color:#fff!important}.tewido-light-text .nice-select .nice-select-dropdown{background-color:rgba(30,30,30,.95)!important;border-color:rgba(255,255,255,.2)!important}.tewido-light-text .nice-select .option{color:#fff!important;background-color:transparent!important}.tewido-light-text .nice-select .option.focus,.tewido-light-text .nice-select .option.selected.focus,.tewido-light-text .nice-select .option:hover{background-color:rgba(255,255,255,.15)!important}.tewido-light-text .nice-select .optgroup,.tewido-light-text .nice-select .option.selected{background-color:rgba(255,255,255,.1)!important}.tewido-light-text .nice-select .option.disabled{color:rgba(255,255,255,.5)!important}.tewido-light-text .nice-select .optgroup{color:rgba(255,255,255,.7)!important}.tewido-title-inner{display:inline-flex;align-items:center;gap:8px}.tewido-title-text{display:inline}.te-decorator{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.te-decorator-dot,.te-decorator-line{border-radius:9999px;background-color:currentColor;width:8px;height:8px}.te-decorator-line{--te-line-length:24px;--te-line-thickness:2px;display:inline-block;width:var(--te-line-length);height:var(--te-line-thickness);border-radius:2px;flex-shrink:0}.te-decorator-svg{flex-shrink:0}.te-decorator-svg img,.te-decorator-svg svg{display:block;width:100%;height:100%}.te-decorator-flip,[dir=rtl] .elementor-swiper-button i,[dir=rtl] .te-decorator-svg,[dir=rtl] .tewido-pagination-wrapper svg{transform:scaleX(-1)}[dir=rtl] .te-decorator-flip{transform:scaleX(1)}.tewido-title-inner--hw{display:flex;align-items:center;gap:8px}.tewido-title-text--hw{flex:1;min-width:0}.tewido-swiper-nav{display:flex;align-items:center;gap:12px}.tewido-swiper-nav-btn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:0;background-color:#e5e7eb;padding:0;transition:all .3s ease;color:currentColor}.tewido-swiper-nav-btn:disabled{opacity:.4;cursor:not-allowed}.tewido-swiper-nav-btn i,.tewido-swiper-nav-btn svg{display:block}[dir=rtl] .tewido-swiper-nav{flex-direction:row-reverse!important}.tewido-marquee-stroke .tewido-marquee-text{color:transparent}.a.tewido-marquee-item,.tewido-marquee-item a{color:inherit;text-decoration:none}@media (max-width:767px){.tewido-hide-mobile{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.te-btn:has(.tewido-hide-mobile){padding:0;width:47px;height:47px;justify-content:center;align-items:center;display:flex}}.main-content-transparent-header {
margin-top: -80px;
}
.home {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
} .single-committee-page #primary,
.page-template-page-trainees #primary,
.page-id-12 #primary,
.post-type-archive-mazaya #primary,
.single-member-page #primary {
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
.single-committee-page .site-content,
.page-id-12 .site-content,
.page-template-page-trainees .site-content,
.post-type-archive-mazaya .site-content,
.post-type-archive-mazaya .breadcrumb-normal,
.single-member-page .site-content,
.single-member-page .breadcrumb-normal {
margin-top: 0;
margin-bottom: 0;
}
.single-committee-page .breadcrumb-normal,
.page-template-committees-template .breadcrumb-normal,
.page-template-page-trainees .breadcrumb-normal,
.page-id-12 .breadcrumb-normal {
display: none;
opacity: 0;
visibility: hidden;
}
.register-button {
order: -1;
}
.te-navbar-right .hidden {
margin-inline-start: 0;
} .te-btn-primary {
background-image: linear-gradient(90deg, #6B1F31 0%, #B94D63 25%, rgb(195, 102, 124) 50%, #B94D63 75%, #6B1F31 100%);
background-size: 300% 100%;
background-position: 0% 0;
transition: background-position 700ms ease-out;
}
.te-btn-primary:hover {
background-position: -102% 0;
} .te-section {
padding-top: 5rem;
padding-bottom: 5rem;
}
@media (min-width: 768px) {
.te-section {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
.te-section-small {
padding-top: 3rem;
padding-bottom: 3rem;
}
.te-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.te-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
@media (min-width: 768px) {
.te-section-large {
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
} .committee-breadcrumb,
.member-hero,
.members-breadcrumb-wrapper {
background-image: url(//qla.qa/wp-content/themes/tewido-child/assets/svg/cta.svg);
background-size: cover;
background-position: top;
background-position: right;
}
.traineees-breadcrumb {
background-image: url(//qla.qa/wp-content/themes/tewido-child/assets/svg/traineees.svg);
background-size: cover;
background-position: top;
background-position: right;
}
.members-breadcrumb-wrapper {
position: relative;
margin-bottom: 0px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.members-breadcrumb-bg {
position: absolute;
inset: 0px;
background-color: rgba(0, 0, 0, 0.03);
}
.members-breadcrumb-container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 100%) {
.members-breadcrumb-container {
max-width: 100%;
padding-right: 1rem;
padding-left: 1rem;
}
}
@media (min-width: 1280px) {
.members-breadcrumb-container {
max-width: 1280px;
padding-right: 1rem;
padding-left: 1rem;
}
}
.members-breadcrumb-container {
position: relative;
z-index: 10;
}
.members-breadcrumb-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.members-breadcrumb-container {
padding-top: 4rem;
padding-bottom: 4rem;
padding-bottom: 0px;
}
#member-nav .members-breadcrumb-container {
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1024px) {
#member-nav .members-breadcrumb-container {
padding-left: 2rem;
padding-right: 2rem;
}
}
.te-breadcrumb-wrapper {
display: flex;
align-items: center;
}
.breadcrumb-list {
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media (min-width: 768px) {
.breadcrumb-list {
flex-wrap: nowrap;
}
}
.breadcrumb-item {
display: inline-flex;
align-items: center;
}
.breadcrumb-item.current .breadcrumb-current-text {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.breadcrumb-link {
display: inline-flex;
align-items: center;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 500;
text-decoration-line: none;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.breadcrumb-link:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.breadcrumb-link:focus {
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
outline: 2px solid transparent;
outline-offset: 2px;
}
.breadcrumb-link {
color: rgb(255 255 255 / 0.8); }
.breadcrumb-icon {
margin-left: 0.25rem;
margin-right: 0.25rem;
height: 0.75rem;
width: 0.75rem;
}
.breadcrumb-icon:where([dir="rtl"], [dir="rtl"] *) {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.breadcrumb-icon {
color: rgb(255 255 255 / 0.6); }
.breadcrumb-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.breadcrumb-header > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.breadcrumb-header {
text-align: start;
}
[dir="rtl"] .breadcrumb-header {
text-align: right;
}
[dir="ltr"] .breadcrumb-header {
text-align: left;
}
.breadcrumb-title {
font-size: var(--font-size-3xl);
line-height: var(--line-height-3xl);
font-weight: 700;
line-height: 1.25;
}
.breadcrumb-count-wrapper {
display: flex;
align-items: center;
}
.breadcrumb-count-wrapper > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.breadcrumb-count {
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-100-rgb) / var(--tw-text-opacity, 1));
margin-inline-end: 0.25rem;
} .members-page-wrapper {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
@media (min-width: 640px) {
.members-page-wrapper {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
.members-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
@media (min-width: 768px) {
.members-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
}
}
@media (min-width: 1024px) {
.members-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.5rem;
}
}
.members-empty {
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 2rem;
text-align: center;
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.members-empty p {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
} .filter-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: flex-end;
gap: 0.75rem;
}
@media (min-width: 768px) {
.filter-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
} .member-card {
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: 0.5rem;
border-width: 1px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
transition-property: box-shadow;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.member-card:hover {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.member-image {
aspect-ratio: 1 / 1;
overflow: hidden;
}
.member-img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.member-body {
display: flex;
flex-grow: 1;
flex-direction: column;
padding: 0.5rem;
}
@media (min-width: 1024px) {
.member-body {
padding: 1rem;
}
}
.member-name {
margin-bottom: 1rem;
flex-grow: 1;
text-align: center;
font-size: var(--font-size-base);
line-height: var(--font-size-base-line-height);
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
.member-name {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
.member-job {
margin-bottom: 0.25rem;
display: block;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.member-footer {
margin-top: auto;
display: flex;
align-items: center;
justify-content: space-between;
border-top-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
padding-top: 0.75rem;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
.member-degree {
margin-bottom: 0px;
display: block;
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.member-registration {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
@media (min-width: 1024px) {
.member-registration {
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-100-rgb) / var(--tw-bg-opacity, 1));
padding-top: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-700-rgb) / var(--tw-text-opacity, 1));
}
} .board-member-card {
display: block;
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: 0.75rem;
border-width: 1px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
transition-property: box-shadow;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.board-member-card:hover {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.board-member-card__image {
aspect-ratio: 1 / 1;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.board-member-card__image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.board-member-card__placeholder {
display: flex;
aspect-ratio: 1 / 1;
align-items: center;
justify-content: center;
overflow: hidden;
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
--tw-gradient-from: rgb(var(--color-primary-100-rgb) / 1) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(var(--color-primary-100-rgb) / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: rgb(var(--color-primary-200-rgb) / 1) var(--tw-gradient-to-position);
}
.board-member-card__placeholder-icon {
height: 6rem;
width: 6rem;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-400-rgb) / var(--tw-text-opacity, 1));
}
.board-member-card__body {
display: flex;
flex-grow: 1;
flex-direction: column;
padding: 1rem;
}
@media (min-width: 1024px) {
.board-member-card__body {
padding: 1.5rem;
}
}
.board-member-card__name {
margin-bottom: 0.5rem;
text-align: center;
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.board-member-card__title {
margin-bottom: 0.25rem;
display: block;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.board-member-card__position-wrapper {
margin-top: auto;
border-top-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
padding-top: 1rem;
}
.board-member-card__position {
border-radius: 0.5rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-700-rgb) / var(--tw-text-opacity, 1));
background-color: rgb(107 31 49 / 0.1); }
.board-member-president {
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(var(--color-primary-300-rgb) / var(--tw-border-opacity, 1));
} .committees-grid {
margin-top: 4rem;
display: grid;
row-gap: 6rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
@media (min-width: 640px) {
.committees-grid {
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
}
@media (min-width: 768px) {
.committees-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1280px) {
.committees-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.committee-card {
display: flex;
height: 100%;
flex-direction: column;
border-radius: 1rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 1.25rem;
text-align: center;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: box-shadow;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.committee-card:hover {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.committee-card:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
@media (min-width: 640px) {
.committee-card {
padding: 1.5rem;
}
}
.committee-card-img-wrapper {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: -6rem;
border-radius: 9999px;
border-width: 8px;
--tw-border-opacity: 1;
border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
}
.committee-card-name {
margin-bottom: 0.75rem;
margin-top: 2rem;
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
font-weight: 700;
line-height: 1.375;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.committee-card-name:is(.dark *) {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.committee-card-email {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
font-size: var(--font-size-base);
line-height: var(--font-size-base-line-height);
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.committee-card-email svg {
height: 1rem;
width: 1rem;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
}
.committee-card-email a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.committee-card-email a:hover {
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
}
.committee-card-footer {
margin-top: 1.5rem;
border-top-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
padding-top: 1rem;
}
.committee-card-footer:is(.dark *) {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}  .single-member-wrapper {
min-height: 100vh;
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
} #member-nav {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 40;
--tw-translate-y: -100%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
#member-nav.show {
--tw-translate-y: 0px;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#member-nav .container {
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1024px) {
#member-nav .container {
padding-left: 2rem;
padding-right: 2rem;
}
}
.member-nav__wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 0.25rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (min-width: 768px) {
.member-nav__wrapper {
gap: 0.5rem;
}
}
.nav-btn {
border-radius: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
}
.nav-btn:hover {
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-50-rgb) / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
.nav-btn {
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
}
.nav-btn.active {
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
} .member-hero {
position: relative;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-500-rgb) / var(--tw-bg-opacity, 1));
padding-top: 3rem;
padding-bottom: 3rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
.member-hero {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.member-hero__container {
margin-left: auto;
margin-right: auto;
max-width: 72rem;
padding-left: 1rem;
padding-right: 1rem;
}
.member-hero__grid {
display: grid;
align-items: center;
justify-content: center;
gap: 3rem;
}
@media (min-width: 1024px) {
.member-hero__grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
justify-content: flex-start;
}
.member-hero__image-col {
grid-column: span 2 / span 2;
}
}
.member-hero__image-wrapper {
position: relative;
display: flex;
justify-content: center;
}
.member-hero__image {
height: 12rem;
width: 12rem;
border-radius: 9999px;
border-width: 4px;
-o-object-fit: cover;
object-fit: cover;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.member-hero__image:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
.member-hero__image {
height: 16rem;
width: 16rem;
}
}
.member-hero__image {
border-color: rgb(255 255 255 / 0.2);
}
@media (min-width: 1024px) {
.member-hero__content-col {
grid-column: span 4 / span 4;
}
}
.member-hero__badge-wrapper {
margin-bottom: 2rem;
}
.member-hero__badge {
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-700-rgb) / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
.member-hero__badge {
font-size: var(--font-size-base);
line-height: var(--font-size-base-line-height);
}
}
.member-hero__title {
margin-bottom: 1.5rem;
text-align: center;
font-size: var(--font-size-3xl);
line-height: var(--line-height-3xl);
font-weight: 700;
line-height: 1.25;
}
@media (min-width: 1024px) {
.member-hero__title {
text-align: start;
font-size: var(--font-size-4xl);
line-height: var(--line-height-4xl);
}
[dir="rtl"] .member-hero__title {
text-align: right;
}
[dir="ltr"] .member-hero__title {
text-align: left;
}
}
.member-hero__info-grid {
display: flex;
justify-content: center;
gap: 2rem;
}
@media (min-width: 1024px) {
.member-hero__info-grid {
justify-content: flex-start;
gap: 6rem;
}
}
.member-hero__info-item { }
.member-hero__info-label {
margin-bottom: 0.25rem;
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
}
@media (min-width: 768px) {
.member-hero__info-label {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
}
.member-hero__info-label {
color: rgb(255 255 255 / 0.8); }
.member-hero__info-value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--font-size-base);
line-height: var(--font-size-base-line-height);
font-weight: 600;
}
@media (min-width: 768px) {
.member-hero__info-value {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
} .member-section-header {
position: relative;
margin-bottom: 2rem;
}
.member-section-header--center {
margin-bottom: 3rem;
text-align: center;
}
.member-section-header__title {
position: relative;
z-index: 10;
margin-bottom: 1rem;
display: inline-block;
font-size: var(--font-size-3xl);
line-height: var(--line-height-3xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
.member-section-header__title {
font-size: var(--font-size-3xl);
line-height: var(--line-height-3xl);
}
}
@media (min-width: 1280px) {
.member-section-header__title {
font-size: var(--font-size-4xl);
line-height: var(--line-height-4xl);
}
}
.member-section-header__subtitle {
margin-bottom: 1rem;
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.member-section-header__line {
position: relative;
z-index: 10;
margin-top: 0.5rem;
height: 2px;
width: 100px;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-500-rgb) / var(--tw-bg-opacity, 1));
}
.member-section-header--center .member-section-header__line {
margin-left: auto;
margin-right: auto;
} .member-about {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.member-about__grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1.5rem;
}
@media (min-width: 768px) {
.member-about__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.member-about__bio-col {
grid-column: span 1 / span 1;
}
@media (min-width: 768px) {
.member-about__bio-col {
grid-column: span 2 / span 2;
}
}
.member-about__bio-content > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.member-about__bio-content {
text-align: start;
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
line-height: 1.625;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
[dir="rtl"] .member-about__bio-content {
text-align: right;
}
[dir="ltr"] .member-about__bio-content {
text-align: left;
}
.member-about__lang-col {
grid-column: span 1 / span 1;
}
.member-about__lang-wrapper {
text-align: start;
}
[dir="rtl"] .member-about__lang-wrapper {
text-align: right;
}
[dir="ltr"] .member-about__lang-wrapper {
text-align: left;
}
.member-about__lang-title {
margin-bottom: 0.75rem;
font-size: var(--font-size-base);
line-height: var(--font-size-base-line-height);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-700-rgb) / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
.member-about__lang-title {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
}
}
.member-about__lang-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 0.5rem;
}
.member-about__lang-tag {
display: inline-block;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
} .member-office {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.member-office__logo-wrapper {
margin-bottom: 3rem;
text-align: center;
}
.member-office__logo {
margin-bottom: 1.5rem;
display: inline-block;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.member-office__logo:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.member-office__logo-img {
margin-left: auto;
margin-right: auto;
height: 8rem;
width: auto;
max-width: 100%;
border-radius: 0.5rem;
-o-object-fit: contain;
object-fit: contain;
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {
.member-office__logo-img {
height: 10rem;
}
}
.member-office__logo-fallback {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-500-rgb) / var(--tw-bg-opacity, 1));
padding: 2rem;
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.member-office__logo-fallback svg {
margin-left: auto;
margin-right: auto;
height: 6rem;
width: 6rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.member-office__logo-placeholder {
margin-bottom: 1.5rem;
display: inline-block;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 1.5rem;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-500-rgb) / var(--tw-bg-opacity, 1));
padding: 2rem;
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.member-office__logo-placeholder:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.member-office__logo-placeholder svg {
margin-left: auto;
margin-right: auto;
height: 6rem;
width: 6rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.member-office__name {
margin-bottom: 0.5rem;
font-size: var(--font-size-3xl);
line-height: var(--line-height-3xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
}
.member-office__relationship {
margin-bottom: 1rem;
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
font-weight: 500;
font-style: italic;
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.member-office__bio {
margin-bottom: 4rem;
text-align: start;
}
[dir="rtl"] .member-office__bio {
text-align: right;
}
[dir="ltr"] .member-office__bio {
text-align: left;
}
.member-office__bio-card {
border-radius: 1rem;
border-right-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(92 61 61 / var(--tw-border-opacity, 1));
background-image: linear-gradient(to right, var(--tw-gradient-stops));
--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: #fff var(--tw-gradient-to-position);
padding: 2rem;
}
.member-office__bio-title {
margin-bottom: 1rem;
font-size: var(--font-size-2xl);
line-height: var(--line-height-2xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
}
.member-office__bio-content {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
line-height: 1.625;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.member-office__practice-areas { }
.member-office__practice-title {
margin-bottom: 1.5rem;
text-align: start;
font-size: var(--font-size-2xl);
line-height: var(--line-height-2xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
}
[dir="rtl"] .member-office__practice-title {
text-align: right;
}
[dir="ltr"] .member-office__practice-title {
text-align: left;
}
.member-office__practice-grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
}
@media (min-width: 768px) {
.member-office__practice-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.member-office__practice-item {
display: flex;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
align-items: center;
gap: 0.75rem;
border-radius: 0.75rem;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-500-rgb) / var(--tw-bg-opacity, 1));
padding: 1.5rem;
text-align: start;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
[dir="rtl"] .member-office__practice-item {
text-align: right;
}
[dir="ltr"] .member-office__practice-item {
text-align: left;
}
.member-office__practice-item:hover {
--tw-translate-y: -0.25rem;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.member-office__practice-icon {
display: flex;
height: 2rem;
width: 2rem;
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-400-rgb) / var(--tw-bg-opacity, 1));
}
.member-office__practice-icon svg {
height: 1.25rem;
width: 1.25rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.member-office__practice-text {
flex: 1 1 0%;
text-align: start;
}
[dir="rtl"] .member-office__practice-text {
text-align: right;
}
[dir="ltr"] .member-office__practice-text {
text-align: left;
}
.member-office__practice-text h3 {
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
font-weight: 600;
} .member-contact {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.member-contact__content {
margin-top: 2rem;
}
.member-contact__cards-wrapper {
margin-left: auto;
margin-right: auto;
max-width: 72rem;
justify-content: center;
padding-left: 1rem;
padding-right: 1rem;
}
.member-contact__cards {
display: grid;
gap: 1.5rem;
}
.member-contact__cards--1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.member-contact__cards--2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
.member-contact__cards--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.member-contact__cards--3 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
.member-contact__cards--3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.member-contact__cards--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.member-contact__card {
cursor: pointer;
border-radius: 1rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: #fff var(--tw-gradient-to-position);
padding: 2rem;
text-align: center;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.member-contact__card:hover {
--tw-border-opacity: 1;
border-color: rgb(var(--color-primary-500-rgb) / var(--tw-border-opacity, 1));
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.member-contact__card-icon {
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
display: flex;
height: 4rem;
width: 4rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-100-rgb) / var(--tw-bg-opacity, 1));
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.member-contact__card-icon svg {
height: 2rem;
width: 2rem;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-500-rgb) / var(--tw-text-opacity, 1));
}
.member-contact__card-label {
margin-bottom: 0.5rem;
font-size: var(--font-size-base);
line-height: var(--font-size-base-line-height);
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.member-contact__card-value {
display: block;
word-break: break-all;
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-500-rgb) / var(--tw-text-opacity, 1));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.member-contact__card-value:hover {
--tw-text-opacity: 1;
color: rgb(125 90 90 / var(--tw-text-opacity, 1));
} .member-contact__map {
margin-top: 2.5rem;
overflow: hidden;
border-radius: 1rem;
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.member-contact__map-footer {
display: flex;
align-items: center;
justify-content: space-between;
border-top-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 1rem;
}
.member-contact__map-info {
display: flex;
align-items: center;
gap: 0.5rem;
}
.member-contact__map-info svg {
height: 1.25rem;
width: 1.25rem;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-500-rgb) / var(--tw-text-opacity, 1));
}
.member-contact__map-info span {
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.member-contact__map-directions {
display: flex;
align-items: center;
gap: 0.25rem;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-500-rgb) / var(--tw-text-opacity, 1));
}
.member-contact__map-directions:hover {
--tw-text-opacity: 1;
color: rgb(var(--color-primary-700-rgb) / var(--tw-text-opacity, 1));
} .members-pagination {
margin-top: 3rem;
}
.members-pagination__nav {
display: flex;
align-items: center;
justify-content: center;
}
.members-pagination__nav > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.members-pagination__nav:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 1;
}
.members-pagination__btn {
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.members-pagination__btn:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {
.members-pagination__btn {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.members-pagination__btn--disabled {
cursor: not-allowed;
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.members-pagination__pages {
display: flex;
}
.members-pagination__pages > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.members-pagination__pages:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 1;
}
.members-pagination__page {
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.members-pagination__page:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
@media (min-width: 1024px) {
.members-pagination__page {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.members-pagination__page--current {
border-radius: 0.375rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(var(--color-primary-600-rgb) / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-600-rgb) / var(--tw-bg-opacity, 1));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.members-pagination__ellipsis {
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
@media (min-width: 1024px) {
.members-pagination__ellipsis {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
.members-pagination__info {
margin-top: 1rem;
text-align: center;
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
} .events-calendar {
min-height: 100vh;
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 640px) {
.events-calendar {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 1024px) {
.events-calendar {
padding-left: 2rem;
padding-right: 2rem;
}
}
.events-calendar__container {
margin-left: auto;
margin-right: auto;
max-width: 80rem;
} .events-calendar__header {
margin-bottom: 1.5rem;
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 1.5rem;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.events-calendar__header-grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
align-items: center;
gap: 1.5rem;
}
@media (min-width: 768px) {
.events-calendar__header-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.events-calendar__title {
font-size: var(--font-size-3xl);
line-height: var(--line-height-3xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.events-calendar__subtitle {
margin-top: 0.25rem;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
} .events-calendar__filters {
display: flex;
width: 100%;
flex-direction: column;
align-items: stretch;
justify-content: center;
gap: 0.75rem;
}
@media (min-width: 768px) {
.events-calendar__filters {
flex-direction: row;
align-items: center;
gap: 1rem;
}
}
.events-calendar__select {
width: 100%;
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
}
.events-calendar__select:focus {
--tw-border-opacity: 1;
border-color: rgb(var(--color-primary-500-rgb) / var(--tw-border-opacity, 1));
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgb(var(--color-primary-500-rgb) / var(--tw-ring-opacity, 1));
}
@media (min-width: 768px) {
.events-calendar__select {
width: auto;
}
}
@media (min-width: 1024px) {
.events-calendar__select--wide {
width: 260px;
}
}
.events-calendar__divider {
margin-left: 0.5rem;
margin-right: 0.5rem;
display: none;
height: 2rem;
border-right-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.te-navbar-right .events-calendar__divider {
margin-inline-start: 0;
}
@media (min-width: 768px) {
.events-calendar__divider {
display: block;
}
}
.events-calendar__quick-select {
display: flex;
width: 100%;
flex-direction: column;
gap: 0.75rem;
}
@media (min-width: 640px) {
.events-calendar__quick-select {
width: auto;
gap: 0.5rem;
}
}
@media (min-width: 768px) {
.events-calendar__quick-select {
flex-direction: row;
}
} .events-calendar__nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
}
@media (min-width: 768px) {
.events-calendar__nav {
justify-content: flex-end;
}
}
.events-calendar__nav-btn {
border-radius: 0.5rem;
padding: 0.5rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.events-calendar__nav-btn:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.events-calendar__nav-icon {
height: 1.25rem;
width: 1.25rem;
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.events-calendar__today-btn {
border-radius: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.events-calendar__today-btn:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
} .events-calendar__body {
overflow: hidden;
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.events-calendar__empty {
padding-top: 3rem;
padding-bottom: 3rem;
text-align: center;
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
} .events-calendar__desktop {
display: none;
}
.te-navbar-right .events-calendar__desktop {
margin-inline-start: 0;
}
@media (min-width: 768px) {
.events-calendar__desktop {
display: block;
}
}
.events-calendar__weekdays {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.events-calendar__weekday {
border-left-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
padding-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: center;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.events-calendar__weekday:first-child {
border-right-width: 1px;
}
.events-calendar__days {
display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.events-calendar__day {
min-height: 8rem;
border-bottom-width: 1px;
border-left-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 0.75rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.events-calendar__day:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.events-calendar__day--empty {
min-height: 8rem;
border-bottom-width: 1px;
border-left-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.events-calendar__day-header {
margin-bottom: 0.5rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.events-calendar__day-number {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.events-calendar__day-number--today {
display: flex;
height: 1.75rem;
width: 1.75rem;
align-items: center;
justify-content: center;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-600-rgb) / var(--tw-bg-opacity, 1));
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.events-calendar__event-count {
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-500-rgb) / var(--tw-bg-opacity, 1));
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.125rem;
padding-bottom: 0.125rem;
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.events-calendar__event {
display: block;
}
.events-calendar__event-card {
border-radius: 0.25rem;
border-right-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(var(--color-primary-500-rgb) / var(--tw-border-opacity, 1));
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
background-color: rgb(107 31 49 / 0.1);
}
.events-calendar__event-card:hover {
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-100-rgb) / var(--tw-bg-opacity, 1));
}
.events-calendar__event-time {
margin-bottom: 0.125rem;
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-700-rgb) / var(--tw-text-opacity, 1));
}
.events-calendar__event-title {
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.group:hover .events-calendar__event-title {
--tw-text-opacity: 1;
color: rgb(var(--color-primary-700-rgb) / var(--tw-text-opacity, 1));
} .events-calendar__mobile {
overflow-x: auto;
}
@media (min-width: 768px) {
.events-calendar__mobile {
display: none;
}
}
.events-calendar__mobile-list {
display: flex;
flex-direction: column;
gap: 0.75rem;
padding: 0.75rem;
}
.events-calendar__mobile-card {
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 0.75rem;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.events-calendar__mobile-card:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.events-calendar__mobile-title {
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-700-rgb) / var(--tw-text-opacity, 1));
}
.events-calendar__mobile-time {
margin-top: 0.25rem;
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.events-calendar__mobile-date {
margin-top: 0.75rem;
display: inline-block;
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-600-rgb) / var(--tw-bg-opacity, 1));
padding-left: 0.75rem;
padding-right: 0.75rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
font-size: var(--font-size-xs);
line-height: var(--line-height-xs);
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
} .events-calendar__upcoming {
margin-top: 1.5rem;
display: none;
border-radius: 0.75rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 1.5rem;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.te-navbar-right .events-calendar__upcoming {
margin-inline-start: 0;
}
@media (min-width: 768px) {
.events-calendar__upcoming {
display: block;
}
}
.events-calendar__upcoming-title {
margin-bottom: 1rem;
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.events-calendar__upcoming-list > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.events-calendar__upcoming-item {
display: flex;
align-items: center;
gap: 1rem;
border-radius: 0.5rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
padding: 1rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.events-calendar__upcoming-item:hover {
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.events-calendar__upcoming-day {
display: flex;
height: 3.5rem;
width: 3.5rem;
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-100-rgb) / var(--tw-bg-opacity, 1));
}
.events-calendar__upcoming-day-number {
font-size: var(--font-size-2xl);
line-height: var(--line-height-2xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-700-rgb) / var(--tw-text-opacity, 1));
}
.events-calendar__upcoming-content {
flex: 1 1 0%;
}
.events-calendar__upcoming-name {
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.events-calendar__upcoming-meta {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.events-calendar__upcoming-arrow {
height: 1.25rem;
width: 1.25rem;
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}  .committee-breadcrumb {
position: relative;
margin-bottom: 0px;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.committee-breadcrumb__overlay {
position: absolute;
inset: 0px;
background-color: rgba(0, 0, 0, 0.03);
}
.committee-breadcrumb__container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 100%) {
.committee-breadcrumb__container {
max-width: 100%;
padding-right: 1rem;
padding-left: 1rem;
}
}
@media (min-width: 1280px) {
.committee-breadcrumb__container {
max-width: 1280px;
padding-right: 1rem;
padding-left: 1rem;
}
}
.committee-breadcrumb__container {
position: relative;
z-index: 10;
}
.committee-breadcrumb__container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.committee-breadcrumb__container {
padding-top: 4rem;
padding-bottom: 4rem;
}
#member-nav .committee-breadcrumb__container {
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1024px) {
#member-nav .committee-breadcrumb__container {
padding-left: 2rem;
padding-right: 2rem;
}
}
.committee-breadcrumb__nav {
display: flex;
align-items: center;
}
.committee-breadcrumb__list {
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media (min-width: 768px) {
.committee-breadcrumb__list {
flex-wrap: nowrap;
}
}
.committee-breadcrumb__item {
display: inline-flex;
align-items: center;
}
.committee-breadcrumb__link {
display: inline-flex;
align-items: center;
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 500;
text-decoration-line: none;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.committee-breadcrumb__link:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.committee-breadcrumb__link:focus {
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
outline: 2px solid transparent;
outline-offset: 2px;
}
.committee-breadcrumb__link {
color: rgb(255 255 255 / 0.8);
}
.committee-breadcrumb__separator {
margin-left: 0.25rem;
margin-right: 0.25rem;
height: 0.75rem;
width: 0.75rem;
}
.committee-breadcrumb__separator:where([dir="rtl"], [dir="rtl"] *) {
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.committee-breadcrumb__separator {
color: rgb(255 255 255 / 0.6);
}
.committee-breadcrumb__current {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.committee-breadcrumb__header {
display: flex;
align-items: center;
justify-content: space-between;
}
.committee-breadcrumb__header > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.committee-breadcrumb__header {
text-align: start;
}
[dir="rtl"] .committee-breadcrumb__header {
text-align: right;
}
[dir="ltr"] .committee-breadcrumb__header {
text-align: left;
}
.committee-breadcrumb__title {
font-size: var(--font-size-3xl);
line-height: var(--line-height-3xl);
font-weight: 700;
line-height: 1.25;
} .committee-content {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 100%) {
.committee-content {
max-width: 100%;
padding-right: 1rem;
padding-left: 1rem;
}
}
@media (min-width: 1280px) {
.committee-content {
max-width: 1280px;
padding-right: 1rem;
padding-left: 1rem;
}
}
.committee-content {
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 3rem;
padding-bottom: 3rem;
}
#member-nav .committee-content {
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1024px) {
#member-nav .committee-content {
padding-left: 2rem;
padding-right: 2rem;
}
}
.committee-content__grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 2rem;
}
@media (min-width: 1024px) {
.committee-content__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.committee-content__main > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
@media (min-width: 1024px) {
.committee-content__main {
grid-column: span 3 / span 3;
}
.committee-content__sidebar {
grid-column: span 1 / span 1;
}
} .committee-section-box {
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 1.5rem;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) {
.committee-section-box {
padding: 2rem;
}
}
.committee-section-box__header {
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 0.75rem;
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.committee-section-box__icon {
height: 2rem;
width: 2rem;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
}
.committee-section-box__list > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.committee-section-box__item {
display: flex;
gap: 0.75rem;
line-height: 1.625;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.committee-section-box__bullet {
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
} .committee-note-box {
margin-top: 1.5rem;
border-radius: 0.25rem;
border-right-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
padding: 1rem;
}
.committee-note-box__text {
line-height: 1.625;
--tw-text-opacity: 1;
color: rgb(146 64 14 / var(--tw-text-opacity, 1));
} .committee-members {
margin-top: 3rem;
}
.committee-members__header {
margin-bottom: 1.5rem;
display: flex;
align-items: center;
gap: 0.75rem;
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.committee-members__icon {
height: 2rem;
width: 2rem;
--tw-text-opacity: 1;
color: rgb(var(--color-primary-600-rgb) / var(--tw-text-opacity, 1));
}
.committee-members__grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1rem;
}
@media (min-width: 768px) {
.committee-members__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
}
}
@media (min-width: 1024px) {
.committee-members__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.5rem;
}
} .committee-empty {
padding-top: 3rem;
padding-bottom: 3rem;
text-align: center;
}
.committee-empty__icon {
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
height: 4rem;
width: 4rem;
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.committee-empty__title {
margin-bottom: 0.5rem;
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.committee-empty__text {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity, 1));
} .chapters-page__intro {
margin-top: 1rem;
margin-bottom: 3rem;
}
.chapters-page__grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 2rem;
}
@media (min-width: 1024px) {
.chapters-page__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.chapters-page__sidebar {
grid-column: span 1 / span 1;
}
}
.chapters-page__sidebar-sticky {
position: sticky;
top: 4rem;
}
.chapters-page__toc {
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.chapters-page__toc-title {
margin-bottom: 1rem;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
padding-bottom: 0.75rem;
font-size: var(--font-size-xl);
line-height: var(--line-height-xl);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.chapters-page__toc-list > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.chapters-page__toc-link {
display: block;
border-radius: 0.375rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 200ms;
}
.chapters-page__toc-link:hover {
--tw-bg-opacity: 1;
background-color: rgb(var(--color-primary-500-rgb) / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(var(--color-primary-700-rgb) / var(--tw-text-opacity, 1));
}
.chapters-page__toc-link-text {
font-weight: 500;
}
@media (min-width: 1024px) {
.chapters-page__main {
grid-column: span 3 / span 3;
}
}
.chapters-page__sections > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.chapters-page__section {
scroll-margin-top: 6rem;
border-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 2rem;
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.chapters-page__section-title {
margin-bottom: 1.5rem;
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(var(--color-primary-500-rgb) / var(--tw-border-opacity, 1));
padding-bottom: 0.75rem;
font-size: var(--font-size-lg);
line-height: var(--line-height-lg);
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
.chapters-page__section-title {
font-size: var(--font-size-2xl);
line-height: var(--line-height-2xl);
}
}
.chapters-page__section-content {
--tw-text-opacity: 1;
color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.chapters-page__empty {
border-radius: 0.375rem;
border-right-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
padding: 1.5rem;
}
.chapters-page__empty-content {
display: flex;
}
.chapters-page__empty-icon {
flex-shrink: 0;
}
.chapters-page__empty-icon svg {
height: 1.25rem;
width: 1.25rem;
--tw-text-opacity: 1;
color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.chapters-page__empty-text {
font-size: var(--font-size-sm);
line-height: var(--line-height-sm);
--tw-text-opacity: 1;
color: rgb(161 98 7 / var(--tw-text-opacity, 1));
margin-inline-start: 0.75rem;
}