.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:0.875rem;line-height:1.5rem;border-radius:0.3125rem;position:absolute;width:19.24219rem;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:0.0625rem 0 0 #e6e6e6,-0.0625rem 0 0 #e6e6e6,0 0.0625rem 0 #e6e6e6,0 -0.0625rem 0 #e6e6e6,0 0.1875rem 0.8125rem rgba(0,0,0,0.08);box-shadow:0.0625rem 0 0 #e6e6e6,-0.0625rem 0 0 #e6e6e6,0 0.0625rem 0 #e6e6e6,0 -0.0625rem 0 #e6e6e6,0 0.1875rem 0.8125rem rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:40rem;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:0.125rem}.flatpickr-calendar.static{position:absolute;top:calc(100% + 0.125rem)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-0.125rem 0 0 #e6e6e6,0.3125rem 0 0 #e6e6e6;box-shadow:-0.125rem 0 0 #e6e6e6,0.3125rem 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:2.5rem;border-top:0.0625rem solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:1.375rem}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:1.375rem}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:0.3125rem;margin:0 -0.3125rem}.flatpickr-calendar:after{border-width:0.25rem;margin:0 -0.25rem}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:2.125rem;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:2.125rem;padding:0.625rem;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:0.875rem;height:0.875rem}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:0.875rem;padding:0 0.25rem 0 0.125rem;height:50%;line-height:50%;opacity:0;cursor:pointer;border:0.0625rem solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:0.25rem solid transparent;border-right:0.25rem solid transparent;border-bottom:0.25rem solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:0.25rem solid transparent;border-right:0.25rem solid transparent;border-top:0.25rem solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:0.4675rem 0 0 0;line-height:1;height:2.125rem;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-0.0625rem 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:1.75rem}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:0.0625rem 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:19.24219rem}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:19.24219rem;min-width:19.24219rem;max-width:19.24219rem;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-0.0625rem 0 0 #e6e6e6;box-shadow:-0.0625rem 0 0 #e6e6e6}.flatpickr-day{background:none;border:0.0625rem solid transparent;border-radius:9.375rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:2.4375rem;height:2.4375rem;line-height:2.4375rem;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:3.125rem 0 0 3.125rem}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 3.125rem 3.125rem 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-0.625rem 0 0 #569ff7;box-shadow:-0.625rem 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:3.125rem}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-0.3125rem 0 0 #e6e6e6,0.3125rem 0 0 #e6e6e6;box-shadow:-0.3125rem 0 0 #e6e6e6,0.3125rem 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-0.3125rem 0 0 #569ff7,0.3125rem 0 0 #569ff7;box-shadow:-0.3125rem 0 0 #569ff7,0.3125rem 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:0.0625rem}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 0.75rem;-webkit-box-shadow:0.0625rem 0 0 #e6e6e6;box-shadow:0.0625rem 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:1.75rem}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:2.5rem;max-height:2.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:2.5rem;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:0.875rem;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-1.25rem,0);transform:translate3d(0,-1.25rem,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-1.25rem,0);transform:translate3d(0,-1.25rem,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} * { outline: none; } *:focus { outline: none; } .body { overflow-x: hidden; } .container, .content-container{ margin-left: auto; margin-right: auto; width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; max-width: 100.5rem; } .container--sm{ margin-left: auto; margin-right: auto; width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; max-width: 73rem; } .transition, .accountPage__donate__package.accountPage__donate__package--other p, .accountPage__donate__package p, .accountPage__link__wrap, .course__table__buttons button, .course__table__download button, .course__book__share a:not(.btn), .course__book__links a:not(.btn), .trip__table__buttons button, .trip__table__download button, .trip__book__share a:not(.btn), .trip__book__links a:not(.btn), .propertyPage__property__book__socials a, .propertyPage__result__image, .card-event__image, .personCard__logout a, .personCard__socials a, .tripDetailCard__end a, .courseDetailCard__end a, .blog .blogItem__image, .blog .blogItem__action p, .team__contact a, .filterBlock__result__image, .trips__slide__image, .courses__slide__image, .footer__end a, .footer a:not(.btn), .header__donate a, .header__menu li, .btn--white, .btn--hollow, .btn { transition: all 0.5s ease; } .transition- { transition: all 0.2s linear; } [data-fadein], [data-fadeLeft], [data-fadeRight] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fadein].active, [data-fadeLeft].active, [data-fadeRight].active { opacity: 1; transform: translateY(0); } @media (min-width: 768px) { [data-fadeLeft] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; opacity: 0; transform: translateX(-1.25rem); } [data-fadeLeft].active { opacity: 1; transform: translateX(0); } [data-fadeRight] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; opacity: 0; transform: translateX(1.25rem); } [data-fadeRight].active { opacity: 1; transform: translateX(0); } } [data-image]{ overflow: hidden; } [data-image] img { transform-origin: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 16000ms; } [data-image]:hover img { transform: scale(1.2); } [data-fade=down-5-1] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-1].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-2] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-2].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-3] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-3].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-4] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-4].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-5] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-5].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-6] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-6].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-7] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-7].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-8] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-8].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-9] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-9].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-10] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-10].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-11] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-11].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-12] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-12].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-13] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-13].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-14] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-14].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-15] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-15].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-16] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-16].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-17] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-17].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-18] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-18].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-19] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-19].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-20] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-20].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-21] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-21].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-22] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-22].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-23] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-23].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-24] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-24].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-25] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-25].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-26] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-26].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-27] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-27].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-28] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-28].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-29] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-29].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-30] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-30].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-31] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-31].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-32] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-32].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-33] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-33].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-34] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-34].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-35] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-35].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-36] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-36].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-37] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-37].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-38] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-38].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-39] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-39].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-40] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-40].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-41] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-41].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-42] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-42].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-43] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-43].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-44] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-44].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-45] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-45].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-46] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-46].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-47] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-47].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-48] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-48].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-49] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-49].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-50] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-50].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-51] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-51].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-52] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-52].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-53] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-53].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-54] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-54].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-55] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-55].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-56] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-56].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-57] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-57].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-58] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-58].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-59] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-59].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-60] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-60].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-61] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-61].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-62] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-62].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-63] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-63].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-64] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-64].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-65] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-65].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-66] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-66].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-67] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-67].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-68] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-68].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-69] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-69].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-70] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-70].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-71] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-71].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-72] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-72].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-73] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-73].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-74] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-74].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-75] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-75].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-76] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-76].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-77] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-77].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-78] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-78].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-79] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-79].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-80] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-80].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-81] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-81].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-82] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-82].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-83] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-83].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-84] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-84].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-85] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-85].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-86] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-86].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-87] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-87].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-88] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-88].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-89] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-89].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-90] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-90].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-91] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-91].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-92] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-92].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-93] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-93].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-94] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-94].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-95] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-95].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-96] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-96].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-97] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-97].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-98] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-98].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-99] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 600ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-99].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-100] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 800ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-100].active { opacity: 1; transform: translateY(0); } [data-fade=down-5-101] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-5-101].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-1] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-1].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-2] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-2].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-3] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-3].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-4] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-4].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-5] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-5].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-6] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-6].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-7] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-7].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-8] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-8].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-9] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-9].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-10] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-10].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-11] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-11].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-12] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-12].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-13] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-13].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-14] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-14].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-15] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-15].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-16] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-16].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-17] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-17].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-18] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-18].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-19] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-19].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-20] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-20].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-21] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-21].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-22] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-22].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-23] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-23].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-24] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-24].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-25] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-25].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-26] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-26].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-27] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-27].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-28] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-28].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-29] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-29].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-30] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-30].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-31] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-31].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-32] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-32].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-33] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-33].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-34] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-34].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-35] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-35].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-36] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-36].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-37] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-37].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-38] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-38].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-39] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-39].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-40] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-40].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-41] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-41].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-42] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-42].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-43] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-43].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-44] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-44].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-45] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-45].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-46] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-46].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-47] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-47].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-48] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-48].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-49] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-49].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-50] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-50].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-51] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-51].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-52] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-52].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-53] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-53].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-54] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-54].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-55] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-55].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-56] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-56].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-57] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-57].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-58] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-58].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-59] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-59].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-60] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-60].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-61] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-61].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-62] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-62].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-63] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-63].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-64] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-64].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-65] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-65].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-66] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-66].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-67] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-67].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-68] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-68].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-69] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-69].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-70] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-70].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-71] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-71].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-72] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-72].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-73] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-73].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-74] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-74].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-75] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-75].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-76] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-76].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-77] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-77].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-78] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-78].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-79] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-79].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-80] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-80].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-81] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-81].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-82] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-82].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-83] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-83].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-84] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-84].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-85] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-85].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-86] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-86].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-87] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-87].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-88] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-88].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-89] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-89].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-90] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-90].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-91] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-91].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-92] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-92].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-93] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-93].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-94] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-94].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-95] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-95].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-96] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-96].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-97] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-97].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-98] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-98].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-99] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 400ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-99].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-100] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-100].active { opacity: 1; transform: translateY(0); } [data-fade=down-3-101] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-3-101].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-1] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-1].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-2] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-2].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-3] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-3].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-4] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-4].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-5] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-5].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-6] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-6].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-7] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-7].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-8] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-8].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-9] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-9].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-10] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-10].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-11] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-11].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-12] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-12].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-13] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-13].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-14] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-14].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-15] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-15].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-16] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-16].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-17] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-17].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-18] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-18].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-19] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-19].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-20] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-20].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-21] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-21].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-22] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-22].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-23] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-23].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-24] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-24].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-25] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-25].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-26] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-26].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-27] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-27].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-28] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-28].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-29] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-29].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-30] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-30].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-31] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-31].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-32] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-32].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-33] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-33].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-34] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-34].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-35] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-35].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-36] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-36].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-37] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-37].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-38] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-38].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-39] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-39].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-40] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-40].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-41] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-41].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-42] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-42].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-43] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-43].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-44] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-44].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-45] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-45].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-46] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-46].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-47] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-47].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-48] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-48].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-49] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-49].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-50] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-50].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-51] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-51].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-52] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-52].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-53] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-53].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-54] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-54].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-55] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-55].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-56] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-56].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-57] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-57].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-58] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-58].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-59] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-59].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-60] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-60].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-61] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-61].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-62] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-62].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-63] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-63].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-64] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-64].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-65] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-65].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-66] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-66].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-67] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-67].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-68] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-68].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-69] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-69].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-70] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-70].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-71] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-71].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-72] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-72].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-73] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-73].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-74] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-74].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-75] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-75].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-76] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-76].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-77] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-77].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-78] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-78].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-79] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-79].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-80] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-80].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-81] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-81].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-82] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-82].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-83] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-83].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-84] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-84].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-85] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-85].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-86] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-86].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-87] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-87].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-88] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-88].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-89] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-89].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-90] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-90].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-91] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-91].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-92] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-92].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-93] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-93].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-94] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-94].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-95] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-95].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-96] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-96].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-97] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-97].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-98] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-98].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-99] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-99].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-100] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 200ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-100].active { opacity: 1; transform: translateY(0); } [data-fade=down-2-101] { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; transition-delay: 0ms; opacity: 0; transform: translateY(1.25rem); } [data-fade=down-2-101].active { opacity: 1; transform: translateY(0); } @keyframes fadeInAnimation { 0% { opacity: 0; transform: translateY(-1.25rem); /* Start position: 20px up */ } 100% { opacity: 1; transform: translateY(0); /* End position: No translation */ } } @keyframes fadeOutAnimation { 0% { opacity: 1; transform: translateY(0); /* Start position: No translation */ } 100% { opacity: 0; transform: translateY(-1.25rem); /* End position: 20px up */ } } .fadeInSlide { animation: fadeInAnimation 0.3s ease forwards; } .fadeOutSlide { padding: 0; height: 0; animation: fadeOutAnimation 0.2s ease forwards; } @keyframes fadeInLeftSlideAnimation { 0% { opacity: 0; transform: translateX(-1.25rem); /* Start position: 20px up */ } 100% { opacity: 1; transform: translateX(0); /* End position: No translation */ } } @keyframes fadeOutRightSlideAnimation { 0% { opacity: 1; transform: translateX(0); /* Start position: No translation */ } 100% { opacity: 0; transform: translateX(-1.25rem); /* End position: 20px up */ } } .fadeInLeftSlide { animation: fadeInLeftSlideAnimation 0.5s ease forwards; } .fadeOutRightSlide { animation: fadeOutRightSlideAnimation 0.5s ease forwards; } @keyframes displayOut { from { display: block; } to { display: none; } } .displayOut { animation: displayOut 0.1s ease forwards; } .bounce { animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-1.875rem); } 60% { transform: translateY(-0.9375rem); } } body{ font-family: stevie-sans, sans-serif; font-size: 1rem; line-height: 1.5; font-weight: 400; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } h1, .h1{ margin-bottom: 0.75rem; font-size: 2rem; line-height: 1.12; font-weight: 500; } h2, .h2{ margin-bottom: 2.25rem; font-family: Cormorant, sans-serif; font-size: 1.75rem; line-height: 1.2; font-weight: 700; } h3, .h3{ margin-bottom: 0.75rem; font-size: 1.25rem; line-height: 1.28; font-weight: 700; } h4, .h4{ margin-bottom: 2rem; font-size: 1.125rem; line-height: 1.1; font-weight: 700; } h5, .h5{ margin-bottom: 1.25rem; font-size: 1rem; line-height: 1.5; font-weight: 500; } h6, .h6{ margin-bottom: 1.25rem; font-size: 1rem; line-height: 1.5; font-weight: 600; } p{ --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } @media (min-width: 768px) { h1, .h1{ font-size: 3.5rem; line-height: 1.14; } h2, .h2{ font-size: 2rem; line-height: 1.12; } h3, .h3{ font-size: 1.75rem; line-height: 1.2; } h4, .h4{ font-size: 1.25rem; line-height: 1.28; } h5, .h5{ font-size: 1.125rem; line-height: 1.1; } h6, .h6{ font-size: 1rem; line-height: 1.5; } } @media (min-width: 1024px) {} p{ margin-bottom: 1.25rem; } ul{ margin-bottom: 1.25rem; } ol{ margin-bottom: 1.25rem; } li{ margin-bottom: 0.5rem; } li:last-child{ margin-bottom: 0; } .typography{ clear: both; } .typography *:last-child{ margin-bottom: 0; } .typography ul{ list-style-position: outside; list-style-type: disc; padding-left: 1.5rem; --tw-text-opacity: 1; color: rgb(94 94 94 / var(--tw-text-opacity, 1)); } .typography ol{ list-style-position: outside; list-style-type: decimal; padding-left: 1.5rem; --tw-text-opacity: 1; color: rgb(94 94 94 / var(--tw-text-opacity, 1)); } .typography a:not(.btn){ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .typography a:not(.btn):hover{ text-decoration-line: underline; } .typography table{ width: 100%; border-collapse: collapse; border-width: 0.0625rem; border-style: solid; --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .typography table td, .typography table th{ border-collapse: collapse; border-width: 0.0625rem; border-style: solid; padding: 0.5rem; text-align: left; border-color: rgba(0, 0, 0, 0.15); } .typography table td a, .typography table th a{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .typography table td a:hover, .typography table th a:hover{ text-decoration-line: underline; } .typography img.rightAlone { margin-left: 100%; transform: translateX(-100%); } .typography img.center{ margin-left: auto; margin-right: auto; display: block; } .typography img.right{ float: right; margin-left: 1.25rem; margin-bottom: 1.25rem; } .typography img.left{ float: left; margin-right: 1.25rem; margin-bottom: 1.25rem; } .element--grey{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .element--pt-none{ padding-top: 0; } .element--pt-sm{ padding-top: 1.25rem; } .element--pt-md{ padding-top: 2.25rem; } .element--pt-lg{ padding-top: 3rem; } .element--pb-none{ padding-bottom: 0; } .element--pb-sm{ padding-bottom: 1.25rem; } .element--pb-md{ padding-bottom: 2.25rem; } .element--pb-lg{ padding-bottom: 3rem; } .element--mt-none{ margin-top: 0; } .element--mt-sm{ margin-top: 1.25rem; } .element--mt-md{ margin-top: 2.25rem; } .element--mt-lg{ margin-top: 3rem; } .element--mb-none{ margin-bottom: 0; } .element--mb-sm{ margin-bottom: 1.25rem; } .element--mb-md{ margin-bottom: 2.25rem; } .element--mb-lg{ margin-bottom: 3rem; } @media (min-width: 768px) { .element--pt-sm{ padding-top: 2.5rem; } .element--pt-md{ padding-top: 5rem; } .element--pt-lg{ padding-top: 6.25rem; } .element--pb-sm{ padding-bottom: 2.5rem; } .element--pb-md{ padding-bottom: 5rem; } .element--pb-lg{ padding-bottom: 6.25rem; } .element--mt-sm{ margin-top: 2.5rem; } .element--mt-md{ margin-top: 5rem; } .element--mt-lg{ margin-top: 6.25rem; } .element--mb-sm{ margin-bottom: 2.5rem; } .element--mb-md{ margin-bottom: 5rem; } .element--mb-lg{ margin-bottom: 6.25rem; } } @media (min-width: 1638px) { .element--pt-lg{ padding-top: 10rem; } .element--pb-lg{ padding-bottom: 10rem; } .element--mt-lg{ margin-top: 10rem; } .element--mb-lg{ margin-bottom: 10rem; } } .btn{ display: inline-flex; cursor: pointer; align-items: center; justify-content: center; border-radius: 1.5rem; border-width: 0.125rem; --tw-border-opacity: 1; border-color: rgb(41 66 234 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(41 66 234 / var(--tw-bg-opacity, 1)); padding-top: 0.8125rem; padding-bottom: 0.8125rem; padding-left: 2rem; padding-right: 2rem; font-size: 1.125rem; font-weight: 700; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); min-height: 3rem; min-width: 8.5625rem; line-height: 1; } .btn:hover:not(:disabled){ background-color: transparent; --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .btn:disabled{ opacity: 0.8; } .btn svg{ margin-left: 0.4375rem; } .btn--hollow{ border-width: 0; background-color: transparent; padding-left: 1rem; padding-right: 1rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .btn--gray{ --tw-border-opacity: 1; border-color: rgb(236 238 240 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(236 238 240 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .btn--transparent{ --tw-border-opacity: 1; border-color: rgb(117 117 117 / var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); border-radius: 0.25rem; } .btn--transparent:hover{ --tw-border-opacity: 1; border-color: rgb(41 66 234 / var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .btn--white{ border-width: 0.125rem; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.125rem; line-height: 1.1; --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); min-height: 2.5rem; height: 2.5rem; } .btn--white:hover{ background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .btn--not-underline{ text-decoration-line: none; } .btn--small{ font-size: 0.875rem; line-height: 1.2; } /*! Flickity v3.0.0 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; touch-action: pan-y; } .flickity-slider { position: absolute; width: 100%; height: 100%; left: 0; } .flickity-rtl .flickity-slider { left: unset; right: 0; } /* draggable */ .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; } /* ---- flickity-cell ---- */ .flickity-cell { position: absolute; left: 0; } .flickity-rtl .flickity-cell { left: unset; right: 0; } /* ---- flickity-button ---- */ .flickity-button { position: relative; background: rgba(255, 255, 255, 0.75); border: none; color: #333; } .flickity-button:hover { background: white; cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 0.3125rem #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; /* prevent disabled button from capturing pointer up event. #716 */ pointer-events: none; } .flickity-button-icon { fill: currentColor; } /* ---- previous/next buttons ---- */ .flickity-prev-next-button { top: 50%; width: 2.75rem; height: 2.75rem; border-radius: 50%; /* vertically center */ transform: translateY(-50%); position: relative; margin-top: 2.5rem; } .flickity-prev-next-button.previous { left: 50%; transform: translateX(-156%); margin: 0 0.625rem; } .flickity-prev-next-button.next { left: 50%; transform: translateX(-156%); margin: 0 0.625rem; } /* right to left */ .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; z-index: 99; margin-bottom: 1rem; } .propertyPage .flickity-page-dots, .propertyPage__property .flickity-page-dots, .propertyPage__property__other .flickity-page-dots, .tripPage__trip .flickity-page-dots, .trip .flickity-page-dots, .course .flickity-page-dots { bottom: 0; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dot, .dot { display: block; width: 0.5rem; height: 0.5rem; padding: 0; margin: 0 0.25rem; background: white; opacity: 50%; border-radius: 50%; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; text-indent: -624.9375rem; overflow: hidden; } .dot.is-selected { opacity: 100%; } .flickity-rtl .flickity-page-dot { text-indent: 624.9375rem; } .flickity-page-dot:focus { outline: none; box-shadow: 0 0 0 0.3125rem #19F; } .flickity-page-dot.is-selected { background: #333333; } @media (min-width: 768px) { .flickity-prev-next-button{ margin-top: 4.625rem; } } @font-face { font-family: "Helvetica Neue"; src: url("../fonts/HelveticaNeueThin.otf") format("opentype"); font-weight: 100; font-style: normal; } @font-face { font-family: "Helvetica Neue"; src: url("../fonts/HelveticaNeueMedium.otf") format("opentype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Helvetica Neue"; src: url("../fonts/HelveticaNeueLight.otf") format("opentype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Helvetica Neue"; src: url("../fonts/HelveticaNeueHeavy.otf") format("opentype"); font-weight: 900; font-style: normal; } @font-face { font-family: "Helvetica Neue"; src: url("../fonts/HelveticaNeueBold.otf") format("opentype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Helvetica Neue"; src: url("../fonts/HelveticaNeueBlack.otf") format("opentype"); font-weight: 900; font-style: normal; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger { padding: 0 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active { transform: rotate(0deg); } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: black; } .hamburger-box { width: 1.5rem; height: 1.125rem; display: inline-block; position: relative; } .header--active .hamburger-box { height: 0.625rem; margin-bottom: 0.25rem; } .hamburger-inner { display: block; top: 70%; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 1.5rem; height: 0.1875rem; background-color: black; border-radius: 0.5rem; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -0.46875rem; } .hamburger-inner::after { bottom: -0.46875rem; } input[type=text], input[type=password], input[type=email], input[type=number], input[type=time], input[type=tel], input[type=date], input[type=time], input[type=password], select, .custom-dropdown, textarea{ margin-bottom: 1.25rem; height: 3rem; width: 100%; border-radius: 0.375rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); background-color: transparent; padding: 0.75rem; font-weight: 300; --tw-text-opacity: 1; color: rgb(112 115 117 / var(--tw-text-opacity, 1)); box-sizing: border-box; } input[type=text]:invalid:focus, input[type=password]:invalid:focus, input[type=email]:invalid:focus, input[type=number]:invalid:focus, input[type=time]:invalid:focus, input[type=tel]:invalid:focus, input[type=date]:invalid:focus, input[type=time]:invalid:focus, input[type=password]:invalid:focus, select:invalid:focus, .custom-dropdown:invalid:focus, textarea:invalid:focus{ --tw-border-opacity: 1; border-color: rgb(225 34 34 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(251 224 224 / var(--tw-bg-opacity, 1)); } input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=password]::-moz-placeholder, select::-moz-placeholder, .custom-dropdown::-moz-placeholder, textarea::-moz-placeholder{ display: flex; flex-direction: column; align-items: center; --tw-text-opacity: 1; color: rgb(112 115 117 / var(--tw-text-opacity, 1)); } input[type=text]::placeholder, input[type=password]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder, input[type=time]::placeholder, input[type=tel]::placeholder, input[type=date]::placeholder, input[type=time]::placeholder, input[type=password]::placeholder, select::placeholder, .custom-dropdown::placeholder, textarea::placeholder{ display: flex; flex-direction: column; align-items: center; --tw-text-opacity: 1; color: rgb(112 115 117 / var(--tw-text-opacity, 1)); } input[type=text]:disabled, input[type=password]:disabled, input[type=email]:disabled, input[type=number]:disabled, input[type=time]:disabled, input[type=tel]:disabled, input[type=date]:disabled, input[type=time]:disabled, input[type=password]:disabled, select:disabled, .custom-dropdown:disabled, textarea:disabled{ --tw-bg-opacity: 1; background-color: rgb(231 232 232 / var(--tw-bg-opacity, 1)); } .imageUpload{ position: relative; margin-top: 1.5rem; display: flex; min-height: 6.4375rem; flex-direction: column; align-items: center; justify-content: center; border-radius: 0.5rem; border-width: 0.0625rem; border-style: dashed; --tw-border-opacity: 1; border-color: rgb(112 115 117 / var(--tw-border-opacity, 1)); padding-top: 1.5rem; padding-bottom: 1.5rem; text-align: center; background-color: rgba(0, 0, 0, 0.03); } .imageUpload label{ position: absolute; top: 1.25rem; height: 84%; width: 100%; cursor: pointer; } .imageUpload p{ margin-bottom: 0; font-size: 0.875rem; line-height: 1.2; --tw-text-opacity: 1; color: rgb(117 117 117 / var(--tw-text-opacity, 1)); } .imageUpload label{ --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .imageUpload span{ margin-bottom: 0; margin-top: 1.25rem; font-family: stevie-sans, sans-serif; font-size: 0.875rem; line-height: 1.2; --tw-text-opacity: 1; color: rgb(117 117 117 / var(--tw-text-opacity, 1)); font-weight: 500; } .imageUpload h6{ margin-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .imageUpload input{ display: none; } .imageUpload__preview{ display: none; } .imageUpload__preview__wrapper{ position: relative; margin-left: auto; margin-right: auto; max-width: 6.25rem; } .imageUpload__remove{ position: absolute; top: 0; right: -0.25rem; display: flex; display: none; height: 1.25rem; width: 1.25rem; cursor: pointer; align-items: center; justify-content: center; font-size: 0.875rem; line-height: 1.2; } .imageUpload__remove:hover{ --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .toggle{ display: flex; align-items: center; font-size: 1rem; } .toggle p{ margin-bottom: 0; } .toggle__switch{ position: relative; display: inline-block; height: 1.5rem; width: 2.5rem; } .toggle__switch input{ height: 0; width: 0; opacity: 0; } .toggle__slider{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; background-color: #ccc; transition: background-color 0.4s; border-radius: 2.125rem; } .toggle__slider::before{ position: absolute; top: 50%; height: 1.25rem; width: 1.25rem; content: ""; left: 0.125rem; background-color: white; transition: transform 0.4s; border-radius: 50%; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2); transform: translateY(-50%); } /* Toggle ON styles */ .toggle__switch input:checked + .toggle__slider{ --tw-bg-opacity: 1; background-color: rgb(66 66 66 / var(--tw-bg-opacity, 1)); } .toggle__switch input:checked + .toggle__slider::before { transform: translate(1rem, -50%); } /* Focus style for accessibility */ .toggle__switch input:focus + .toggle__slider { box-shadow: 0 0 0.125rem #424242; } /* Round slider variation */ .round { border-radius: 2.125rem; } input[type=radio]{ margin-right: 0.75rem; height: 1.25rem; width: 1.25rem; accent-color: #000; } input[type=checkbox]{ margin-right: 0.75rem; height: 1.25rem; width: 1.25rem; border-radius: 0.25rem; accent-color: #424242; } button:focus{ outline-style: solid; outline-width: 0.125rem; outline-offset: 0.125rem; outline-color: #F5F5F5; } textarea{ height: auto; min-height: 4.5rem; } .btn-toolbar{ display: flex; justify-content: flex-end; } .middleColumn:has(input[type=checkbox], input[type=radio]){ margin-bottom: 1rem; display: flex; align-items: center; } .middleColumn:has(input[type=checkbox], input[type=radio]) input{ margin-bottom: 0; margin-right: 1rem; } .middleColumn:has(input[type=checkbox], input[type=radio]) label{ font-weight: 400; } .middleColumn:has(input[type=checkbox], input[type=radio]) .odd, .middleColumn:has(input[type=checkbox], input[type=radio]) .even{ margin-right: 1rem; } label{ margin-bottom: 0.25rem; display: block; font-size: 1rem; line-height: 1.5; font-weight: 500; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } @media (min-width: 768px) { label{ font-size: 1rem; line-height: 1.25; } } select { /* Arrow */ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.687%201.35378L6.68704%206.35378C6.6406%206.40027%206.58545%206.43715%206.52476%206.46231C6.46406%206.48748%206.39899%206.50043%206.33329%206.50043C6.26758%206.50043%206.20251%206.48748%206.14182%206.46231C6.08112%206.43715%206.02597%206.40027%205.97954%206.35378L0.979536%201.35378C0.885715%201.25996%200.833008%201.13272%200.833008%201.00003C0.833008%200.867352%200.885715%200.740104%200.979536%200.646284C1.07336%200.552463%201.2006%200.499756%201.33329%200.499756C1.46597%200.499756%201.59322%200.552463%201.68704%200.646284L6.33329%205.29316L10.9795%200.646284C11.026%200.599829%2011.0811%200.562978%2011.1418%200.537837C11.2025%200.512696%2011.2676%200.499756%2011.3333%200.499756C11.399%200.499756%2011.464%200.512696%2011.5247%200.537837C11.5854%200.562978%2011.6406%200.599829%2011.687%200.646284C11.7335%200.692739%2011.7703%200.747889%2011.7955%200.808586C11.8206%200.869282%2011.8336%200.934336%2011.8336%201.00003C11.8336%201.06573%2011.8206%201.13079%2011.7955%201.19148C11.7703%201.25218%2011.7335%201.30733%2011.687%201.35378Z%22%20fill%3D%22%23101519%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right 0.7rem top 50%; } input[type=date]::-webkit-calendar-picker-indicator { position: absolute; left: 0.5rem; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2220%22%20viewBox%3D%220%200%2018%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.5%202.1875H14.0625V1.25C14.0625%201.10082%2014.0032%200.957742%2013.8977%200.852252C13.7923%200.746763%2013.6492%200.6875%2013.5%200.6875C13.3508%200.6875%2013.2077%200.746763%2013.1023%200.852252C12.9968%200.957742%2012.9375%201.10082%2012.9375%201.25V2.1875H5.0625V1.25C5.0625%201.10082%205.00324%200.957742%204.89775%200.852252C4.79226%200.746763%204.64918%200.6875%204.5%200.6875C4.35082%200.6875%204.20774%200.746763%204.10225%200.852252C3.99676%200.957742%203.9375%201.10082%203.9375%201.25V2.1875H1.5C1.1519%202.1875%200.818064%202.32578%200.571922%202.57192C0.325781%202.81806%200.1875%203.1519%200.1875%203.5V18.5C0.1875%2018.8481%200.325781%2019.1819%200.571922%2019.4281C0.818064%2019.6742%201.1519%2019.8125%201.5%2019.8125H16.5C16.8481%2019.8125%2017.1819%2019.6742%2017.4281%2019.4281C17.6742%2019.1819%2017.8125%2018.8481%2017.8125%2018.5V3.5C17.8125%203.1519%2017.6742%202.81806%2017.4281%202.57192C17.1819%202.32578%2016.8481%202.1875%2016.5%202.1875ZM1.5%203.3125H3.9375V4.25C3.9375%204.39918%203.99676%204.54226%204.10225%204.64775C4.20774%204.75324%204.35082%204.8125%204.5%204.8125C4.64918%204.8125%204.79226%204.75324%204.89775%204.64775C5.00324%204.54226%205.0625%204.39918%205.0625%204.25V3.3125H12.9375V4.25C12.9375%204.39918%2012.9968%204.54226%2013.1023%204.64775C13.2077%204.75324%2013.3508%204.8125%2013.5%204.8125C13.6492%204.8125%2013.7923%204.75324%2013.8977%204.64775C14.0032%204.54226%2014.0625%204.39918%2014.0625%204.25V3.3125H16.5C16.5497%203.3125%2016.5974%203.33225%2016.6326%203.36742C16.6677%203.40258%2016.6875%203.45027%2016.6875%203.5V6.6875H1.3125V3.5C1.3125%203.45027%201.33225%203.40258%201.36742%203.36742C1.40258%203.33225%201.45027%203.3125%201.5%203.3125ZM16.5%2018.6875H1.5C1.45027%2018.6875%201.40258%2018.6677%201.36742%2018.6326C1.33225%2018.5974%201.3125%2018.5497%201.3125%2018.5V7.8125H16.6875V18.5C16.6875%2018.5497%2016.6677%2018.5974%2016.6326%2018.6326C16.5974%2018.6677%2016.5497%2018.6875%2016.5%2018.6875Z%22%20fill%3D%22%23101519%22%2F%3E%3C%2Fsvg%3E"); } input[type=date] { position: relative; } input::-webkit-datetime-edit-fields-wrapper { position: relative; left: 1.5625rem; } .time-picker input[type=time]::-webkit-calendar-picker-indicator { position: absolute; left: 0; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%200.4375C8.10872%200.4375%206.25991%200.998331%204.68736%202.04907C3.11482%203.09981%201.88917%204.59327%201.16541%206.34059C0.441643%208.08791%200.252274%2010.0106%200.621245%2011.8656C0.990216%2013.7205%201.90096%2015.4244%203.2383%2016.7617C4.57564%2018.099%206.27951%2019.0098%208.13445%2019.3788C9.9894%2019.7477%2011.9121%2019.5584%2013.6594%2018.8346C15.4067%2018.1108%2016.9002%2016.8852%2017.9509%2015.3126C19.0017%2013.7401%2019.5625%2011.8913%2019.5625%2010C19.5595%207.46478%2018.5511%205.03425%2016.7584%203.24158C14.9658%201.44891%2012.5352%200.440477%2010%200.4375ZM10%2018.4375C8.33122%2018.4375%206.69992%2017.9426%205.31238%2017.0155C3.92484%2016.0884%202.84338%2014.7706%202.20477%2013.2289C1.56616%2011.6871%201.39907%209.99064%201.72463%208.35393C2.05019%206.71721%202.85379%205.21379%204.03379%204.03379C5.2138%202.85378%206.71722%202.05019%208.35393%201.72462C9.99064%201.39906%2011.6871%201.56615%2013.2289%202.20477C14.7706%202.84338%2016.0884%203.92484%2017.0155%205.31238C17.9427%206.69992%2018.4375%208.33122%2018.4375%2010C18.435%2012.237%2017.5453%2014.3817%2015.9635%2015.9635C14.3817%2017.5453%2012.237%2018.435%2010%2018.4375ZM15.8125%2010C15.8125%2010.1492%2015.7532%2010.2923%2015.6478%2010.3977C15.5423%2010.5032%2015.3992%2010.5625%2015.25%2010.5625H10C9.85082%2010.5625%209.70775%2010.5032%209.60226%2010.3977C9.49677%2010.2923%209.4375%2010.1492%209.4375%2010V4.75C9.4375%204.60082%209.49677%204.45774%209.60226%204.35225C9.70775%204.24676%209.85082%204.1875%2010%204.1875C10.1492%204.1875%2010.2923%204.24676%2010.3978%204.35225C10.5032%204.45774%2010.5625%204.60082%2010.5625%204.75V9.4375H15.25C15.3992%209.4375%2015.5423%209.49676%2015.6478%209.60225C15.7532%209.70774%2015.8125%209.85082%2015.8125%2010Z%22%20fill%3D%22%23101519%22%2F%3E%3C%2Fsvg%3E"); } .time-picker input[type=time] { position: relative; } .time-picker input[type=time]::-webkit-datetime-edit-fields-wrapper { position: relative; left: 1.5625rem; } [type=date], [type=time] { -webkit-appearance: none; } .message.validation, .error{ --tw-text-opacity: 1; color: rgb(225 34 34 / var(--tw-text-opacity, 1)); } .field.optionset{ margin-bottom: 0; } .field.optionset li{ margin-bottom: 1.5rem; display: flex; align-items: center; } .field.optionset li:last-child{ margin-bottom: 0; } .field.optionset li label{ margin-bottom: 0; } .field.checkbox{ margin-bottom: 1.5rem; display: flex; align-items: center; } .field.checkbox input{ margin-right: 0.5rem; } .flatpickr-calendar { box-shadow: unset; } .flatpickr-calendar.inline{ top: 0; width: 100% !important; } .dayContainer + .dayContainer { box-shadow: unset; } .flatpickr-day.flatpickr-disabled{ font-family: stevie-sans, sans-serif; font-weight: 500; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } span.flatpickr-weekday{ font-family: stevie-sans, sans-serif; font-weight: 500; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .flatpickr-current-month .numInputWrapper{ display: none; } .flatpickr-rContainer { width: 100% !important; } .flatpickr-days { width: 100% !important; } .dayContainer { width: 100% !important; max-width: unset !important; } .flatpickr-day { width: unset; max-width: unset; } .flatpickr-weekdays{ margin-left: -1rem; margin-right: -1rem; } .flatpickr-weekdaycontainer{ padding-left: 1rem; padding-right: 1rem; } .flatpickr-days{ margin-left: -1rem; margin-right: -1rem; } .dayContainer{ padding-left: 1rem; padding-right: 1rem; } .header{ position: fixed; width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-top: 1rem; padding-bottom: 1rem; z-index: 9999; } .header--desktop{ display: none; } .header__member span{ font-weight: 500; } .header__mobile-menu{ position: fixed; margin-top: 7rem; display: flex; display: none; width: 100%; --tw-bg-opacity: 1; background-color: rgb(41 66 234 / var(--tw-bg-opacity, 1)); padding-top: 2.5rem; font-size: 1.125rem; line-height: 1.1; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); height: calc(100vh - 7rem); pointer-events: none; overflow-x: hidden; z-index: 9999; } .header__mobile-menu li{ margin-bottom: 1.75rem; } .header__mobile-menu li a{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .header__mobile-menu li a:hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .header__mobile-menu.is-active{ display: flex; flex-direction: column; pointer-events: all; } .header__logo__image img{ max-width: 3.75rem; } .header__mobile__wrapper{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; align-items: center; } .header__mobile__hamburger{ padding-left: 0.5rem; padding-right: 0.5rem; } .header__logout svg{ height: auto; width: 1.125rem; } .header--mobile{ display: flex; align-items: center; justify-content: space-between; } .header--mobile .header__btns{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; align-items: center; padding-left: 0.5rem; padding-right: 0.5rem; } .header--mobile .header__btns .header__btn{ padding-left: 0.5rem; padding-right: 0.5rem; } .header--mobile .header__btns .header__btn.header__donate{ display: flex; } .header--mobile .header__btns svg{ height: 2rem; width: 2rem; } .header--mobile .header__btns span{ display: none; } .header--mobile .header__member svg{ height: 1.5rem; width: 1.5rem; } @media (min-width: 768px) { .header--mobile .header__btns span{ display: block; font-weight: 500; text-transform: uppercase; } .header__btns{ display: flex; align-items: center; text-transform: uppercase; } .header__btns svg{ margin-right: 0.5rem; } .header__btn a{ display: flex; align-items: center; font-weight: 500; } .header__mobile__hamburger{ margin-left: 1rem; } .header__menu li{ font-weight: 500; } .header__menu li a:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .header__donate a{ border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(41 66 234 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(41 66 234 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.375rem; padding-bottom: 0.375rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); border-radius: 1.375rem; min-height: 2.5rem; } .header__donate a:hover{ background-color: transparent; --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .header__member a { transition: color 0.8s ease; } .header__member a span{ font-size: 1rem; font-weight: 700; } .header__member a:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .header__mobile-menu{ margin-top: 7rem; } } @media (min-width: 1024px) { .header{ padding-top: 0; padding-bottom: 0; } .header__logo, .header__right{ padding-top: 1rem; padding-bottom: 1rem; } .header--mobile{ display: none; } .header--desktop{ display: flex; align-items: center; justify-content: space-between; } .header__left{ margin-left: -1rem; margin-right: -1rem; display: flex; } .header__logo{ padding-left: 1rem; padding-right: 1rem; } .header__menu{ padding-left: 1rem; padding-right: 1rem; font-size: 1.25rem; line-height: 1.28; } .header__menu > ul{ margin-left: -1rem; margin-right: -1rem; margin-bottom: 0; display: flex; } .header__menu > ul > li{ margin-bottom: 0; padding-left: 1rem; padding-right: 1rem; text-transform: uppercase; } .header__btns{ margin-left: -1rem; margin-right: -1rem; } .header__btn{ padding-left: 1rem; padding-right: 1rem; font-size: 1.125rem; line-height: 1; } .header__btn a{ display: flex; align-items: center; text-transform: uppercase; } .header__btn svg{ margin-right: 0.5rem; } .header__mobile-menu{ display: none !important; } } @media (min-width: 1180px) { .header__left{ margin-left: -1.25rem; margin-right: -1.25rem; } .header__logo, .header__menu{ padding-left: 1.25rem; padding-right: 1.25rem; } } @media (min-width: 1638px) { .header__logo img{ max-width: 5rem; } } .footer{ --tw-bg-opacity: 1; background-color: rgb(41 66 234 / var(--tw-bg-opacity, 1)); padding-top: 3.5rem; padding-bottom: 3.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .footer h2{ margin-bottom: 0.5rem; font-family: Cormorant, sans-serif; } .footer p, .footer li{ font-family: Cormorant, sans-serif; font-size: 1.25rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); line-height: 1.4; } .footer a:not(.btn):hover{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .footer .btn:hover:not(:disabled){ background-color: transparent; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .footer__top{ margin-bottom: 3rem; } .footer__logo{ margin-bottom: 1.5rem; display: block; } .footer__detail{ font-family: Cormorant, sans-serif; font-size: 1.25rem; line-height: 1.4; } .footer__social__icons{ margin-left: -0.25rem; margin-right: -0.25rem; display: flex; } .footer__social__icon{ padding-left: 0.25rem; padding-right: 0.25rem; } .footer__social__icon:hover{ --tw-text-opacity: 1; color: rgb(224 224 224 / var(--tw-text-opacity, 1)); } .footer__social__icon.strava svg { margin-top: 0.1875rem; } .footer__bottom input{ margin-bottom: 0; margin-right: 1rem; height: 2.5rem; min-height: 2.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-top: 0.5rem; padding-bottom: 0.5rem; font-family: Cormorant, sans-serif; font-size: 1rem; line-height: 1.5; border-radius: 1.25rem; } .footer__bottom__form{ margin-bottom: 1.25rem; } .footer__bottom__form form{ display: flex; justify-content: space-between; } .footer__bottom__right li{ margin-bottom: 0; } .footer__bottom__right ul{ margin-bottom: 1.25rem; } .footer__donation{ margin-bottom: 1.25rem; } .footer__donation__btn{ min-height: 3rem; width: 100%; } .footer__end p{ margin-bottom: 0; } .footer__end a{ text-decoration-line: underline; } .footer__end a:hover{ --tw-text-opacity: 1; color: rgb(224 224 224 / var(--tw-text-opacity, 1)); } @media (max-width: 480px) { .footer__bottom form{ flex-direction: column; } .footer__bottom input{ margin-bottom: 1.25rem; } } @media (min-width: 768px) { .footer__top{ display: flex; justify-content: space-between; } .footer__bottom__form p{ margin-bottom: 1.5rem; } .footer__bottom form{ display: flex; justify-content: space-between; } .footer__bottom form input{ margin-bottom: 0; margin-right: 1rem; min-width: 21.25rem; } .footer__social__icons{ justify-content: flex-end; } } @media (min-width: 1180px) { .footer__bottom{ margin-left: -1rem; margin-right: -1rem; display: flex; justify-content: space-between; } .footer__bottom__left, .footer__bottom__middle, .footer__bottom__right{ padding-left: 1rem; padding-right: 1rem; } .footer__bottom__left, .footer__bottom__middle{ width: 35%; } .footer__bottom form input { min-width: unset; max-width: 23.75rem; } .footer__bottom ul{ text-align: right; } } .hero{ position: relative; display: flex; height: 74vh; min-height: 33.75rem; align-items: center; } .hero__bg{ position: absolute; height: 100%; width: 100%; } .hero__bg__image{ height: 100%; width: 100%; } .hero__bg img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .hero__bg__overlay{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); } .hero__content{ position: relative; margin-left: auto; margin-right: auto; max-width: 47.5rem; text-align: center; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hero__welcome h2{ margin-bottom: 0.75rem; font-weight: 500; } .hero--small{ height: 30vh; min-height: 23.5rem; } .hero__body{ margin-left: auto; margin-right: auto; max-width: 32.9375rem; } .hero__body p{ font-weight: 300; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hero__arrow{ position: absolute; bottom: 0; left: 50%; bottom: 1.5rem; display: flex; cursor: pointer; flex-direction: column; align-items: center; justify-content: center; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); transform: translateX(-50%) !important; } .hero__arrow svg{ margin-bottom: 0.75rem; } .hero__arrow p{ margin-bottom: 0; font-family: Cormorant, sans-serif; font-size: 1.75rem; line-height: 1.2; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @media (min-width: 768px) { .hero{ min-height: 42.5rem; } .hero__arrow p{ font-size: 2rem; line-height: 1.2; } .hero--small{ height: 30vh; min-height: 23.5rem; } .hero--small h1{ margin-bottom: 0.75rem; font-size: 3.5rem; line-height: 1.14; } } .navigation{ text-transform: uppercase; } .navigation__submenu-toggle{ position: relative; } .navigation__submenu-toggle svg{ margin-left: 0.5rem; height: auto; width: 1.25rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition: all 0.5s ease; } .navigation__submenu-toggle svg path{ fill: #fff; } .navigation__submenu-toggle.is-active svg{ --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)); } .navigation__parent-link{ font-size: 1rem; font-weight: 700; } @media (max-width: 1023px) { .navigation .container{ padding-left: 0; padding-right: 0; } .navigation__item{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; -moz-column-gap: 1rem; column-gap: 1rem; margin-bottom: 0.75rem !important; } .navigation__submenu{ display: none; max-height: 0; width: 100%; overflow: hidden; transition: max-height 0.3s ease; } .navigation__submenu-toggle, .navigation__parent-link{ margin-bottom: 1rem; } } @media (min-width: 1024px) { .navigation{ display: flex; height: 100%; justify-content: space-between; gap: 1rem; } .navigation__item{ display: inline-flex; min-height: 3.75rem; align-items: center; gap: 0.5rem; } .navigation__item:hover > a{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .navigation__item:hover .submenu { transition: opacity 300ms linear; pointer-events: auto; visibility: visible; opacity: 1; } .navigation__submenu-toggle svg{ margin-left: 0; display: none; } .navigation__parent-link{ display: inline-flex; min-height: 3.75rem; align-items: center; } } .submenu{ display: none; } .submenu__menu-title{ margin-bottom: 1rem; font-size: 0.875rem; font-weight: 500; } .submenu__submenu{ margin-bottom: 0; } .submenu__submenu li{ margin-bottom: 0.5rem; } .submenu__submenu li:last-child{ margin-bottom: 0; } .submenu__submenu li a{ font-size: 1rem; font-weight: 400; text-transform: none; } .submenu__menu{ margin-bottom: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -moz-column-gap: 1rem; column-gap: 1rem; row-gap: 2.5rem; } .submenu__menu-item{ margin-bottom: 0 !important; } .submenu__image-holder{ position: relative; margin-top: 1.25rem; width: 100%; overflow: hidden; border-radius: 0.5rem; padding-top: 62.295%; } .submenu__image-holder img{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 1023px) { .submenu__menu{ padding-bottom: 0.5rem; } .submenu__image{ margin-bottom: 1.25rem; } } @media (min-width: 1024px) { .submenu { background: linear-gradient(180deg, black 0%, black 100%); pointer-events: none; visibility: hidden; position: absolute; top: 100%; left: 50%; width: 100vw; --tw-translate-x: -50%; 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)); opacity: 0; display: block !important; max-height: none !important; transition: visibility 0s 100ms, opacity 100ms linear; } .submenu > *{ position: relative; } .submenu:before { content: ""; background: rgba(0, 0, 0, 0.4); pointer-events: none; position: absolute; top: 0; left: 50%; display: block; height: 100vh; width: 100vw; --tw-translate-x: -50%; 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)); } .submenu__inner{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); padding-top: 2.5rem; padding-bottom: 2.5rem; } .submenu__cols{ display: flex; gap: 1.25rem; } .submenu__content{ width: 70%; } .submenu__image{ flex: 1 1 0%; } .submenu__menu{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .submenu__image-holder{ margin-top: 0; } .submenu__image-holder img{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition: all 0.5s ease; } } .errorpage{ position: relative; display: flex; height: 60vh; min-height: 33.75rem; align-items: center; } .errorpage h1{ margin-bottom: 2.5rem; text-transform: uppercase; color: #ccc; } .errorpage__content{ position: relative; margin-left: auto; margin-right: auto; max-width: 47.5rem; text-align: center; } .errorpage__copy p:last-child{ display: none; } @media (min-width: 768px) { .errorpage h1{ font-size: 4.5rem; line-height: 1; } } .trips__title, .trips__desc, .courses__title, .courses__desc{ margin-bottom: 2rem; } .trips__title p, .trips__desc p, .courses__title p, .courses__desc p{ font-family: Cormorant, sans-serif; font-size: 1.125rem; line-height: 1.3; font-weight: 500; } .trips__top, .courses__top{ margin-bottom: 2.5rem; } .trips__slides, .courses__slides{ margin-left: -1.25rem; margin-right: -1.25rem; } .trips__slide, .courses__slide{ width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; } .trips__slide__image, .courses__slide__image{ margin-bottom: 2.5rem; height: 17.9375rem; width: 100%; border-radius: 1.25rem; } .trips__slide__image img, .courses__slide__image img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.25rem; } .trips__slide:hover .trips__slide__image, .trips__slide:hover .courses__slide__image, .courses__slide:hover .trips__slide__image, .courses__slide:hover .courses__slide__image { box-shadow: 0.5rem 0.5rem 0.9375rem rgba(0, 0, 0, 0.3); } .trips__slide h6, .courses__slide h6{ margin-bottom: 0; font-weight: 400; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .trips__slide h4, .courses__slide h4{ margin-bottom: 0.75rem; } .trips__slides, .courses__slides{ margin-bottom: 3rem; } @media (min-width: 768px) { .trips__top, .courses__top{ margin-left: -0.5rem; margin-right: -0.5rem; margin-bottom: 4.5rem; display: flex; justify-content: space-between; } .trips__intro, .courses__intro{ max-width: 33rem; padding-left: 0.5rem; padding-right: 0.5rem; } .trips__action, .courses__action{ padding-left: 0.5rem; padding-right: 0.5rem; } .trips__slides, .courses__slides{ margin-left: -0.5rem; margin-right: -0.5rem; width: calc(100vw - 0.625rem); } .trips__slide, .courses__slide{ width: 50%; padding-left: 0.5rem; padding-right: 0.5rem; } .trips__slide p, .trips__slide h6, .courses__slide p, .courses__slide h6{ font-size: 0.875rem; } .trips__slide__title h4, .courses__slide__title h4{ font-size: 1.125rem; line-height: 1.4; } } @media (min-width: 1024px) { .trips__intro, .courses__intro{ max-width: 46.5rem; } .trips__desc, .courses__desc{ margin-bottom: 0; } .trips__slide, .courses__slide{ width: 33.333333%; } } @media (min-width: 1180px) { .trips__slide, .courses__slide{ width: 25%; } } @media (min-width: 1638px) { .trips__slide, .courses__slide{ width: 20%; } .trips__slides, .courses__slides { width: calc(50vw + 49.5625rem); } } .photoFeed{ position: relative; display: flex; height: 50vh; min-height: 28.25rem; flex-direction: column; align-items: center; justify-content: center; } .photoFeed__bg{ position: absolute; height: 100%; width: 100%; } .photoFeed__bg img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .photoFeed__bg__overlay{ position: absolute; top: 0; left: 0; z-index: 2; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5.63%, rgba(0, 0, 0, 0.6) 78.23%); } .photoFeed__content{ position: relative; z-index: 4; display: flex; flex-direction: column; align-items: center; } .photoFeed__content h2{ font-size: 2rem; line-height: 1.12; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .photoFeed__icon{ margin-bottom: 0.75rem; } .photoFeed__link{ position: absolute; left: 0; top: 0; z-index: 99; height: 100%; width: 100%; } @media (min-width: 768px) { .photoFeed{ min-height: 40.75rem; } .photoFeed__content h2{ font-size: 7.5rem; line-height: 1; } } .image-content{ position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: none !important; } .image-content__bg{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; filter: grayscale(0.7); opacity: 0.1; } .image-content__img-holder{ margin-bottom: 1.25rem; } .image-content__img-holder img { border-radius: 1.25rem; } .image-content p{ font-weight: 300; } .image-content__desc{ margin-bottom: 2.25rem; } .image-content__cols{ display: flex; flex-direction: column; } .image-content--bottom .image-content__cols{ flex-direction: column-reverse; } .image-content--bottom .image-content__body{ margin-bottom: 2.25rem; } @media (max-width: 767px) { .image-content__action{ margin-bottom: 0.75rem; width: 100%; } .image-content__action:last-child{ margin-bottom: 0; } .image-content__action .btn{ width: 100%; } } @media (min-width: 768px) { .image-content__cols{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; } .image-content--right .image-content__cols{ flex-direction: row-reverse; } .image-content--left .image-content__cols{ flex-direction: row; } .image-content__actions{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; align-items: center; } .image-content__action{ padding-left: 0.75rem; padding-right: 0.75rem; } .image-content__img-holder{ position: relative; margin-bottom: 0; width: 50%; min-height: 31.25rem; transform: translateX(calc(-1*(50vw - 100%))) !important; } .image-content--right .image-content__img-holder { transform: translateX(0) !important; } .image-content__img{ position: absolute; left: 0; top: 0; margin-left: 0; margin-right: 0; height: 100%; width: 50vw; } .image-content__img img{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .image-content--right .image-content__img img { border-radius: 1.25rem 0 0 1.25rem; } .image-content--left .image-content__img img { border-radius: 0 1.25rem 1.25rem 0; } .image-content__body{ margin-bottom: 0; width: 50%; padding-left: 4rem; } .image-content__body-inner{ max-width: 57.3125rem; } .image-content--right .image-content__body{ padding-left: 0; padding-right: 2.5rem; } .image-content--bottom .image-content__body{ margin-bottom: 0; } } @media (min-width: 1728px) { .image-content__img-holder{ width: 37%; min-height: 31.25rem; transform: translateX(calc(-1*(38vw - 100%))) !important; } .image-content__img{ width: 38vw; } .image-content__body{ width: 63%; } } @media (min-width: 1750px) { .image-content__img-holder{ width: 40%; min-height: 46rem; transform: translateX(calc(-1*(45vw - 100%))) !important; } .image-content__img{ width: 45vw; } .image-content__body{ width: 60%; } } .filterBlock__filter{ margin-bottom: 3.75rem; } .filterBlock__filter__filters{ margin-bottom: 1rem; } .filterBlock .toggle p{ margin-right: 1rem; font-weight: 300; } .filterBlock__result{ margin-bottom: 2.5rem; display: block; } .filterBlock__result p{ font-size: 0.875rem; line-height: 1.2; } .filterBlock__result:last-child{ margin-bottom: 0; } .filterBlock__result:hover .filterBlock__result__image { box-shadow: 0.5rem 0.5rem 0.9375rem rgba(0, 0, 0, 0.3); } .filterBlock__result__title h4{ margin-bottom: 0.5rem; line-height: 1.4; } .filterBlock__result__body p{ line-height: 1; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); font-size: 0.875rem; } .filterBlock__result__body__left{ margin-bottom: 0.5rem; } .filterBlock__result__data{ margin-bottom: 0.25rem; display: flex; align-items: center; } .filterBlock__result__data svg{ margin-right: 0.75rem; min-width: 1.125rem; } .filterBlock__result__data:last-child{ margin-bottom: 0; } .filterBlock__result__leader{ margin-bottom: 0.5rem; display: flex; align-items: center; } .filterBlock__result__profile--leader{ margin-right: 0.75rem; } .filterBlock__result__profile img{ height: 2.5rem; width: 2.5rem; min-width: 2.5rem; border-radius: 624.9375rem; } .filterBlock__result__members .filterBlock__result__profile{ margin-left: -0.5rem; } .filterBlock__result__members .filterBlock__result__profile:first-child{ margin-left: 0; } .filterBlock__result__profiles{ margin-bottom: 0.5rem; display: flex; } .filterBlock__result__category{ position: absolute; top: 1.5625rem; left: 1.5625rem; display: flex; min-height: 1.25rem; align-items: center; border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15); } .filterBlock__result__category svg{ margin-right: 0.25rem; } .filterBlock__result__category p{ margin-bottom: 0; font-weight: 500; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .filterBlock__result__image{ position: relative; margin-bottom: 1.25rem; border-radius: 3.5rem; } .filterBlock__result__image:before { content: " "; display: block; width: 100%; padding-top: 95%; } .filterBlock__result__image__holder{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 2.75rem; } .filterBlock__result__image img{ height: 100%; width: 100%; border-radius: 1.5rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 2.75rem; } .filterBlock__result--old .filterBlock__result__image img { filter: grayscale(1); } .filterBlock__result__content{ margin-bottom: 1rem; } .filterBlock__result__content p{ font-weight: 400; --tw-text-opacity: 1; color: rgb(94 94 94 / var(--tw-text-opacity, 1)); line-height: 1.375; } .filterBlock__result__package p{ font-weight: 500; } .filterBlock__pagination{ margin-top: 2.5rem; } .filterBlock__pagination-info, .filterBlock__pagination-controls{ text-align: center; } @media (min-width: 768px) { .filterBlock__filter{ margin-left: auto; margin-right: auto; margin-bottom: 7.5rem; max-width: 76.5rem; } .filterBlock__filter__filters{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; max-width: 100%; flex-wrap: wrap; align-items: flex-end; justify-content: center; } .filterBlock__filter__filters input, .filterBlock__filter__filters select{ margin-bottom: 0; } .filterBlock__filter__field{ width: 33.333333%; flex: 1 1 0%; padding-left: 0.75rem; padding-right: 0.75rem; } .filterBlock__filter__action{ min-width: 13.875rem; padding-left: 0.75rem; padding-right: 0.75rem; } .filterBlock__filter__action .btn{ min-width: 100%; } .filterBlock__filter .toggle{ margin-right: 1.5rem; display: flex; align-items: center; justify-content: flex-end; } .filterBlock__filter .toggle p{ margin-bottom: 0; } .filterBlock__results{ margin-left: -1.25rem; margin-right: -1.25rem; display: flex; flex-wrap: wrap; } .filterBlock__result{ width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; } .filterBlock__result__title h4{ font-size: 1rem; line-height: 1.4; } .filterBlock__result__body p{ font-size: 0.875rem; } .filterBlock__result:nth-last-child(2){ margin-bottom: 0; } } @media (min-width: 1024px) { .filterBlock__result{ width: 33.333333%; padding-left: 0.5rem; padding-right: 0.5rem; } .filterBlock__results{ margin-left: -0.5rem; margin-right: -0.5rem; } } @media (min-width: 1180px) { .filterBlock__result{ width: 25%; } .filterBlock__result:nth-last-child(3){ margin-bottom: 0; } } @media (min-width: 1638px) { .filterBlock__result{ width: 20%; } } .breadcrumb{ margin-left: -0.25rem; margin-right: -0.25rem; margin-bottom: 0.5rem; display: flex; } .breadcrumb p{ margin-bottom: 0; padding-left: 0.25rem; padding-right: 0.25rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .breadcrumb a { transition: color 0.8s ease; } .breadcrumb a:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .breadcrumb a:hover p{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .breadcrumb__caret{ padding-left: 0.25rem; padding-right: 0.25rem; } .content{ margin-left: auto; margin-right: auto; max-width: 62.5rem; } .content__title{ margin-bottom: 2.75rem; text-align: center; } .content__action{ margin-top: 1.5rem; text-align: center; } .content ul{ list-style-position: outside; list-style-type: disc; padding-left: 1.5rem; } .content ol{ list-style-position: outside; list-style-type: decimal; padding-left: 1.5rem; } .content a:not(.btn){ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .content a:not(.btn):hover{ text-decoration-line: underline; } .content table{ width: 100%; border-collapse: collapse; border-width: 0.0625rem; border-style: solid; border-color: rgba(0, 0, 0, 0.15); } .content table td, .content table th{ border-collapse: collapse; border-width: 0.0625rem; border-style: solid; padding: 0.5rem; text-align: left; border-color: rgba(0, 0, 0, 0.15); } .content table td a, .content table th a{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .content table td a:hover, .content table th a:hover{ text-decoration-line: underline; } .content table td *:last-child, .content table th *:last-child{ margin-bottom: 0; } .imageGallery{ position: relative; } .imageGallery__title{ position: relative; margin-bottom: 2.75rem; text-align: center; } .imageGallery__title h2{ margin-bottom: 0; } .imageGallery__bg{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .imageGallery__bg img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .imageGallery__slide{ margin-left: 0.5rem; margin-right: 0.5rem; height: 24.25rem; width: 100%; overflow: hidden; border-radius: 2.5rem; } .imageGallery__slide img{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .imageGallery .button--previous, .imageGallery .button--next{ margin-top: 4rem; } @media (min-width: 1180px) { .imageGallery__slide{ height: 43rem; } } .faq{ --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1)); } .faq__title{ padding-bottom: 2rem; } .faq__title h2{ margin-bottom: 0; } .faq__wrapper{ margin-left: auto; margin-right: auto; max-width: 60rem; } .faq__faqs{ margin-bottom: 1.5rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(138 192 231 / var(--tw-border-opacity, 1)); } .faq__item:first-child .faq__question{ border-top-width: 0; border-top-color: transparent; } .faq__question{ display: flex; cursor: pointer; align-items: flex-start; justify-content: space-between; border-top-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(138 192 231 / var(--tw-border-opacity, 1)); padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .faq__question h4, .faq__question h5{ margin-bottom: 0; font-weight: 600; } .faq__question__wrap{ display: flex; align-items: center; } .is-active .faq__question__caret { transform: rotate(180deg); } .faq__answer{ padding-bottom: 0; font-weight: 300; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); transition: height 0.5s ease, padding-bottom 0.5s ease; overflow: hidden; height: 0; } .faq__answer li{ margin-bottom: 0; } .faq__answer ul{ margin-left: 1.4375rem; margin-bottom: 0; list-style-type: disc; } .faq__answer ol{ margin-left: 1.4375rem; margin-bottom: 0; list-style-type: decimal; } .is-active .faq__answer{ margin-bottom: 1.5rem; padding-top: 0.5rem; } .faq__action{ text-align: center; } @media (min-width: 768px) { .faq__title{ padding-bottom: 1.75rem; text-align: center; } .faq__question h4 { font-size: 1.125rem; line-height: 1.625rem; } } .team__title{ margin-bottom: 1.75rem; } .team__title h2{ margin-bottom: 0; } .team__title, .team__intro{ max-width: 45.5rem; } .team__intro{ margin-bottom: 2.5rem; } .team__contact{ margin-left: -0.375rem; margin-right: -0.375rem; display: flex; } .team__contact a{ padding-left: 0.375rem; padding-right: 0.375rem; } .team__contact a:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .team__image{ margin-bottom: 2.5rem; height: 21.75rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .team__image img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 2.5rem; } .team__member{ margin-bottom: 2.5rem; } .team__member:last-child{ margin-bottom: 0; } .team__job p{ margin-bottom: 0.75rem; } @media (min-width: 768px) { .team__intro{ margin-bottom: 4.625rem; } .team__team{ margin-left: -1.25rem; margin-right: -1.25rem; display: flex; flex-wrap: wrap; } .team__member{ margin-bottom: 2.5rem; width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; } } @media (min-width: 1024px) { .team__member{ width: 33.333333%; } } @media (min-width: 1180px) { .team__member{ width: 25%; } } .pathways__body{ margin-left: auto; margin-right: auto; margin-bottom: 2.5rem; max-width: 65rem; padding-left: 1.25rem; padding-right: 1.25rem; } .pathways__title{ text-align: center; } .pathways .pathway{ position: relative; display: flex; height: 21.5625rem; align-items: center; justify-content: center; padding: 1rem; text-align: center; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .pathways .pathway__body{ position: relative; margin-left: auto; margin-right: auto; max-width: 21rem; } .pathways .pathway__body h3{ margin-bottom: 0.75rem; font-family: Cormorant, sans-serif; } .pathways .pathway__body h3, .pathways .pathway__body p{ --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .pathways .pathway__image{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .pathways .pathway__image img { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 800ms; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; opacity: 20%; } .pathways .pathway__overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(217, 217, 217, 0.4); } .pathways .pathway__button{ position: relative; padding-top: 0.75rem; } .pathways .pathway:hover__image img { opacity: 100%; } @media (min-width: 1024px) { .pathways__body{ margin-bottom: 3.75rem; } .pathways__list{ display: flex; flex-wrap: wrap; } .pathways .pathway{ height: 52.8125rem; width: 33.333333%; } .pathways .pathway .h2{ font-size: 2.5rem; line-height: 1.1; } } .blog{ padding-top: 3rem; padding-bottom: 0.5rem; } .blog__tabs{ margin-bottom: 2.5rem; } .blog__tab__wrapper{ margin-bottom: 1.25rem; width: 100%; } .blog__tab{ width: 100%; } .blog__tab.active{ background-color: transparent; --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .blog .blogItem{ margin-bottom: 2.5rem; } .blog .blogItem__title h4{ margin-bottom: 0.5rem; } .blog .blogItem__desc p, .blog .blogItem__action p{ line-height: 1.5; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); font-size: 0.875rem; } .blog .blogItem__desc a:not(.btn){ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .blog .blogItem__desc a:not(.btn):hover{ text-decoration-line: underline; } .blog .blogItem__action p{ display: flex; text-decoration-line: underline; } .blog .blogItem__action p svg{ width: 1rem; } .blog .blogItem__action p:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .blog .blogItem__image{ position: relative; margin-bottom: 1.25rem; border-radius: 3.5rem; } .blog .blogItem__image:before { content: " "; display: block; width: 100%; padding-top: 95%; } .blog .blogItem__image__holder{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 2.75rem; } .blog .blogItem__image img{ height: 100%; width: 100%; border-radius: 1.5rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 2.75rem; } .filterBlock__result--old .blog .blogItem__image img { filter: grayscale(1); } @media (min-width: 768px) { .blog{ padding-top: 6.25rem; padding-bottom: 3.75rem; } .blog__tabs{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; flex-wrap: wrap; } .blog__tab__wrapper{ padding-left: 0.5rem; padding-right: 0.5rem; width: unset; } .blog__newsContainer{ margin-left: -1.25rem; margin-right: -1.25rem; display: flex; flex-wrap: wrap; } .blog .blogItem{ width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; } } @media (min-width: 1024px) { .blog .blogItem{ width: 33.333333%; padding-left: 0.5rem; padding-right: 0.5rem; } .blog__newsContainer{ margin-left: -0.5rem; margin-right: -0.5rem; } } @media (min-width: 1180px) { .blog .blogItem{ width: 25%; } } @media (min-width: 1638px) { .blog .blogItem{ width: 20%; } } .blogPost__action{ margin-bottom: 1.25rem; width: 100%; } .blogPost__action .btn{ width: 100%; } @media (min-width: 768px) { .blogPost__actions{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; justify-content: center; padding-top: 3.75rem; padding-bottom: 3.75rem; } .blogPost__action{ padding-left: 0.5rem; padding-right: 0.5rem; width: unset; } } .climb-log{ margin-left: auto; margin-right: auto; max-width: 62.5rem; } .climb-log__table{ margin-bottom: 6.25rem; margin-top: 2.5rem; overflow-x: auto; } .climb-log__table table{ width: 100%; border-bottom: 0.0625rem solid #F5F5F5; border-right: 0.0625rem solid #F5F5F5; } .climb-log__table th, .climb-log__table td{ padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: left; border-left: 0.0625rem solid #F5F5F5; border-top: 0.0625rem solid #F5F5F5; min-width: 11.6875rem; font-size: 0.875rem; } .climb-log__form h3{ margin-bottom: 3rem; border-bottom-width: 0.0625rem; padding-bottom: 3rem; } .tripDetailCard, .courseDetailCard{ border-radius: 1rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(236 238 240 / var(--tw-border-opacity, 1)); padding: 0.75rem; box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05); } .tripDetailCard h5, .courseDetailCard h5{ margin-bottom: 0.5rem; line-height: 1.33; } .tripDetailCard p, .courseDetailCard p{ margin-bottom: 0; } .tripDetailCard__title, .tripDetailCard__body, .tripDetailCard__pricing, .courseDetailCard__title, .courseDetailCard__body, .courseDetailCard__pricing{ margin-bottom: 1.25rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); padding-bottom: 1.25rem; } .tripDetailCard__item, .courseDetailCard__item{ margin-bottom: 0.5rem; } .tripDetailCard__item:last-child, .courseDetailCard__item:last-child{ margin-bottom: 0; } .tripDetailCard__pricing__item, .courseDetailCard__pricing__item{ margin-left: -0.5rem; margin-right: -0.5rem; margin-bottom: 0.25rem; display: flex; justify-content: space-between; } .tripDetailCard__pricing__item p, .courseDetailCard__pricing__item p{ padding-left: 0.5rem; padding-right: 0.5rem; } .tripDetailCard__pricing__item p:last-child, .courseDetailCard__pricing__item p:last-child{ font-weight: 500; --tw-text-opacity: 1; color: rgb(41 41 41 / var(--tw-text-opacity, 1)); } .tripDetailCard__pricing__item:last-child, .courseDetailCard__pricing__item:last-child{ margin-bottom: 0; } .tripDetailCard__end, .courseDetailCard__end{ text-align: center; } .tripDetailCard__end a:hover, .courseDetailCard__end a:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .courseDetailCard{ border-radius: 1rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(236 238 240 / var(--tw-border-opacity, 1)); padding: 0.75rem; box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05); } .courseDetailCard h5{ margin-bottom: 0.5rem; line-height: 1.33; } .courseDetailCard p{ margin-bottom: 0; } .courseDetailCard__title, .courseDetailCard__body, .courseDetailCard__pricing{ margin-bottom: 1.25rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); padding-bottom: 1.25rem; } .courseDetailCard__body{ margin-left: -0.25rem; margin-right: -0.25rem; display: flex; justify-content: space-between; } .courseDetailCard__item__info{ width: 50%; padding-left: 0.25rem; padding-right: 0.25rem; } .courseDetailCard__item__info .btn{ width: 100%; --tw-border-opacity: 1; border-color: rgb(236 238 240 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(236 238 240 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .courseDetailCard__item__info .btn:hover{ --tw-border-opacity: 1; border-color: rgb(217 220 226 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(217 220 226 / var(--tw-bg-opacity, 1)); } .courseDetailCard__item{ margin-bottom: 0.5rem; padding-left: 0.25rem; padding-right: 0.25rem; } .courseDetailCard__item:last-child{ margin-bottom: 0; } .courseDetailCard__pricing__item{ margin-left: -0.5rem; margin-right: -0.5rem; margin-bottom: 0.25rem; display: flex; justify-content: space-between; } .courseDetailCard__pricing__item p{ padding-left: 0.5rem; padding-right: 0.5rem; } .courseDetailCard__pricing__item p:last-child{ font-weight: 500; --tw-text-opacity: 1; color: rgb(41 41 41 / var(--tw-text-opacity, 1)); } .courseDetailCard__pricing__item:last-child{ margin-bottom: 0; } .courseDetailCard__end{ margin-bottom: 1.25rem; text-align: center; } .courseDetailCard__end a:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .courseDetailCard__map{ position: relative; margin-bottom: 1rem; padding-bottom: 1rem; } .courseDetailCard__map:before { content: " "; display: block; padding-top: 100%; } .courseDetailCard__map > div{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .courseDetailCard__action{ display: flex; justify-content: center; } @media (min-width: 768px) { .courseDetailCard__item__info { width: unset; } } .personCard{ border-radius: 1rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(236 238 240 / var(--tw-border-opacity, 1)); padding: 1.25rem; box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05); } .personCard__title{ margin-bottom: 1rem; display: flex; align-items: flex-start; justify-content: space-between; } .personCard__id-image img{ height: auto; width: 5.625rem; } .personCard__id-name{ margin-bottom: 0.5rem; } .personCard__id-body{ font-size: 0.875rem; line-height: 1.2; } .personCard__name h3{ font-weight: 400; } .personCard__type{ border-radius: 0.125rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.0625rem; padding-bottom: 0.0625rem; } .personCard__type svg{ margin-right: 0.5rem; } .personCard__type label{ margin-bottom: 0; font-size: 0.875rem; line-height: 1.2; font-weight: 400; --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); white-space: nowrap; } .personCard__type__wrap{ display: flex; align-items: center; } .personCard__actions{ margin-top: 2rem; display: flex; justify-content: space-between; border-top-width: 0.0625rem; padding-top: 2rem; } .accountPage--membership .personCard__unsubscribe{ display: block; } .personCard__unsubscribe:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .personCard__unsubscribe:has(> .personCard__unsubscribe-from){ text-decoration-line: none; } .personCard__renew{ margin-bottom: 1.75rem; } .personCard__leader{ margin-bottom: 1rem; display: flex; align-items: center; } .personCard__leader p{ margin-left: 0.75rem; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .personCard__profile img{ height: 2.5rem; width: 2.5rem; min-width: 2.5rem; border-radius: 624.9375rem; } .personCard__data{ margin-bottom: 0.5rem; display: flex; align-items: center; } .personCard__data p{ --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); line-height: 1.125rem; } .personCard__data svg{ margin-right: 0.25rem; min-width: 1rem; } .personCard__data:last-child{ margin-bottom: 0; } .personCard__detail{ --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); padding-bottom: 2rem; } .personCard__share{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; align-items: center; padding-top: 1rem; } .personCard__share p{ margin-bottom: 0; padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .personCard__expiry{ margin-top: 0.25rem; font-size: 0.75rem; line-height: 1rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(112 115 117 / var(--tw-text-opacity, 1)); } .personCard__socials{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; padding-left: 0.5rem; padding-right: 0.5rem; } .personCard__socials a{ padding-left: 0.5rem; padding-right: 0.5rem; } .personCard__socials a:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .personCard__logout{ text-align: center; } .personCard__logout a{ min-width: 11.0625rem; } .personCard__logout:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .personCard__download{ padding-top: 0.5rem; text-align: center; } .events__inner{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; flex-wrap: wrap; } .card-event{ width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } .card-event__image{ margin-bottom: 2.5rem; height: 17.9375rem; width: 100%; border-radius: 1.25rem; } .card-event__image img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.25rem; } .card-event:hover .card-event__image { box-shadow: 0.5rem 0.5rem 0.9375rem rgba(0, 0, 0, 0.3); } .card-event h6{ margin-bottom: 0; font-weight: 400; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .card-event h4{ margin-bottom: 0.75rem; } .card-event__title{ margin-bottom: 0.5rem; } .card-event__title h4{ margin-bottom: 0; } .card-event__date, .card-event__location{ margin-bottom: 0; display: flex; align-items: center; gap: 0.5rem; } .card-event__location svg{ height: auto; width: 1.125rem; } .card-event__date{ margin-bottom: 0.5rem !important; } @media (min-width: 768px) { .card-event{ width: 50%; } .card-event p, .card-event h6{ font-size: 0.875rem; } .card-event__title h4{ font-size: 1.125rem; line-height: 1.4; } } @media (min-width: 1024px) { .card-event{ width: 33.333333%; } } @media (min-width: 1180px) { .card-event{ width: 25%; } } @media (min-width: 1638px) { .card-event{ width: 20%; } } .propertyPage__filters{ margin-bottom: 3.75rem; } .propertyPage__result{ margin-bottom: 2.5rem; display: block; } .propertyPage__result p{ font-size: 0.875rem; line-height: 1.2; } .propertyPage__result:last-child{ margin-bottom: 0; } .propertyPage__result:hover .propertyPage__result__image { box-shadow: 0.5rem 0.5rem 0.9375rem rgba(0, 0, 0, 0.3); } .propertyPage__result__category{ position: absolute; top: 1.5625rem; left: 1.5625rem; display: flex; min-height: 1.25rem; align-items: center; border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 0.75rem; padding-right: 0.75rem; --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15); } .propertyPage__result__category svg{ margin-right: 0.25rem; } .propertyPage__result__category p{ margin-bottom: 0; font-weight: 500; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .propertyPage__result__title h4{ margin-bottom: 0.5rem; line-height: 1.4; } .propertyPage__result__image{ position: relative; margin-bottom: 1.25rem; border-radius: 3.5rem; } .propertyPage__result__image:before { content: " "; display: block; width: 100%; padding-top: 95%; } .propertyPage__result__image__holder{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 2.75rem; } .propertyPage__result__image img{ height: 100%; width: 100%; border-radius: 1.5rem; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 2.75rem; } .propertyPage__result__content{ margin-bottom: 1rem; } .propertyPage__result__content p{ font-weight: 400; --tw-text-opacity: 1; color: rgb(94 94 94 / var(--tw-text-opacity, 1)); line-height: 1.375; } .propertyPage__result__package p{ font-weight: 500; } .propertyPage__property{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .propertyPage__property__slider{ position: relative; margin-bottom: 2.5rem; height: 23.1875rem; width: 100%; overflow: hidden; } .propertyPage__property__slider img{ margin-left: 0.25rem; margin-right: 0.25rem; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.25rem; } .propertyPage__property__slider-holder{ position: relative; } .propertyPage__property__category{ position: absolute; top: 1.5625rem; left: 1.5625rem; display: flex; min-height: 1.25rem; align-items: center; border-radius: 0.75rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: 1rem; padding-right: 1rem; --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15); } .propertyPage__property__category svg{ margin-right: 0.25rem; } .propertyPage__property__category p{ margin-bottom: 0; font-weight: 500; line-height: 1.75rem; } .propertyPage__property__title{ margin-bottom: 2.5rem; display: flex; align-items: center; justify-content: space-between; } .propertyPage__property__title h1{ margin-bottom: 0; font-family: stevie-sans, sans-serif; font-weight: 500; } .propertyPage__property__share{ display: flex; width: 6.75rem; align-items: center; justify-content: center; transition: color 0.8s ease; } .propertyPage__property__share:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .propertyPage__property__share:hover p{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .propertyPage__property__share p{ margin-bottom: 0; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .propertyPage__property__share svg{ margin-right: 0.625rem; } .propertyPage__property__book{ border-radius: 1rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(236 238 240 / var(--tw-border-opacity, 1)); padding: 1.25rem; box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05); } .propertyPage__property__book__title h3{ margin-bottom: 1rem; font-weight: 400; } .propertyPage__property__book__title p{ margin-bottom: 1.25rem; line-height: 1.4; } .propertyPage__property__book__end{ text-align: center; } .propertyPage__property__book__title, .propertyPage__property__book__trip, .propertyPage__property__book__price{ margin-bottom: 1.25rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); } .propertyPage__property__book__action{ display: flex; flex-direction: column; align-items: center; justify-content: center; } .propertyPage__property__book__action .btn{ margin-top: 1.25rem; } .propertyPage__property__book__form, .propertyPage__property__book__map-holder{ margin-bottom: 1.25rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)); padding-bottom: 1.25rem; } .propertyPage__property__book__end p{ text-align: center; line-height: 1.5; } .propertyPage__property__book__map{ position: relative; margin-bottom: 1rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); padding-bottom: 1rem; } .propertyPage__property__book__map:before { content: " "; display: block; width: 100%; padding-top: 100%; } .propertyPage__property__book__map .map-holder{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .propertyPage__property__book__map img{ width: 100%; border-radius: 1rem; } .propertyPage__property__book__trip{ display: flex; justify-content: space-between; } .propertyPage__property__book__share{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; align-items: center; } .propertyPage__property__book__share p{ margin-bottom: 0; padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .propertyPage__property__book__socials{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; padding-left: 0.5rem; padding-right: 0.5rem; } .propertyPage__property__book__socials a{ padding-left: 0.5rem; padding-right: 0.5rem; } .propertyPage__property__book__socials a:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .propertyPage__property__left{ margin-bottom: 3.5rem; } .propertyPage__property__other{ padding-top: 4rem; padding-bottom: 4rem; } .propertyPage__property__other__title{ margin-bottom: 2.5rem; } .propertyPage__property__other__title h3{ margin-bottom: 0; } .propertyPage__property__desc{ margin-bottom: 2rem; } .propertyPage__property__desc p{ --tw-text-opacity: 1; color: rgb(94 94 94 / var(--tw-text-opacity, 1)); } .propertyPage__property__price__item{ margin-bottom: 0.25rem; display: flex; align-items: center; justify-content: space-between; } .propertyPage__property__price__item p{ margin-bottom: 0; } .propertyPage__property__price__amount p{ font-weight: 500; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .propertyPage__card__field{ position: relative; } .propertyPage__card__field label{ --tw-text-opacity: 1; color: rgb(48 49 61 / var(--tw-text-opacity, 1)); } .propertyPage__card__field img{ position: absolute; top: 45%; right: 0.75rem; } .propertyPage__card__action{ margin-bottom: 1.5rem; padding-bottom: 1.5rem; padding-top: 1.75rem; } .accountPage__donate__payment__card .propertyPage__card__action{ margin-bottom: 0.25rem; padding-bottom: 0; padding-top: 1.25rem; } .accountPage__donate__payment__card .propertyPage__card__action button{ width: 100%; } .propertyPage__payment .propertyPage__property__right h5{ margin-bottom: 0.25rem; font-weight: 500; line-height: 1.333; } .propertyPage__payment .propertyPage__property__book__title h5{ margin-bottom: 0.5rem; } .propertyPage__payment .propertyPage__property__book__title p { line-height: 1.5; } .propertyPage__availability__error{ margin-top: 0.5rem; display: flex; text-align: center; } @media (min-width: 768px) { .propertyPage__holder{ margin-left: auto; margin-right: auto; max-width: 75rem; } .propertyPage__filters{ margin-left: -0.75rem; margin-right: -0.75rem; margin-bottom: 7.5rem; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; } .propertyPage__filters input, .propertyPage__filters select{ margin-bottom: 0; } .propertyPage__filter{ width: 33.333333%; max-width: 20.375rem; flex: 1 1 0%; padding-left: 0.75rem; padding-right: 0.75rem; } .propertyPage__btn{ padding-left: 0.75rem; padding-right: 0.75rem; } .propertyPage__btn button{ margin-bottom: 0; } .propertyPage__results{ margin-left: -1.25rem; margin-right: -1.25rem; display: flex; flex-wrap: wrap; } .propertyPage__result{ width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; font-size: 1.125rem; line-height: 1.1; } .propertyPage__result:nth-last-child(2){ margin-bottom: 0; } .propertyPage__result__title{ line-height: 1.4; } .propertyPage__result__title h4{ font-size: 1rem; } .propertyPage__property{ margin-bottom: 5rem; padding-bottom: 0; } .propertyPage__property__slider{ margin-bottom: 3.25rem; height: 35.6875rem; max-height: 35.6875rem; overflow: hidden; } .propertyPage__property__title h1 { line-height: 2; } .propertyPage__property__desc{ margin-bottom: 2rem; } .propertyPage__property__desc h4{ margin-bottom: 1.5rem; } .propertyPage__property__left{ margin-bottom: 0; } .propertyPage__property__other{ padding-top: 5rem; padding-bottom: 5rem; } .propertyPage__property__other__title h3{ margin-bottom: 2.5rem; font-family: Cormorant, sans-serif; font-weight: 700; } } @media (min-width: 1024px) { .propertyPage__result{ width: 33.333333%; } .propertyPage__property__cols{ margin-left: -1.25rem; margin-right: -1.25rem; display: flex; flex-wrap: wrap; align-items: flex-start; } .propertyPage__property__left{ width: 50%; flex: 1 1 0%; padding-left: 1.25rem; padding-right: 1.25rem; } .propertyPage__payment .propertyPage__property__left{ width: 60%; } .propertyPage__property__right{ position: sticky; top: 7rem; width: 50%; max-width: 28.5rem; padding-left: 1.25rem; padding-right: 1.25rem; } .propertyPage__payment .propertyPage__property__right{ width: 40%; } .propertyPage__card__fieldGroup{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; align-items: center; } .propertyPage__card__fieldGroup .propertyPage__card__field__wrap{ width: 50%; padding-left: 0.75rem; padding-right: 0.75rem; } } @media (min-width: 1180px) { .propertyPage__result{ width: 25%; padding-left: 0.5rem; padding-right: 0.5rem; } .propertyPage__result:nth-last-child(3){ margin-bottom: 0; } .propertyPage__property__left{ width: 61%; } .propertyPage__property__right{ width: 29%; } } @media (min-width: 1638px) { .propertyPage__result{ width: 20%; padding-left: 0.5rem; padding-right: 0.5rem; } .propertyPage__btn{ min-width: 13.875rem; } .propertyPage__btn .btn{ min-width: 100%; } .propertyPage__property__right{ top: 8.75rem; } } .securityPage{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .securityPage__wrapper{ margin-left: auto; margin-right: auto; max-width: 30rem; } .securityPage #MemberLoginForm_LoginForm_Remember_Holder{ display: flex; } .securityPage p a{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .securityPage p a:hover{ text-decoration-line: underline; } .securityPage .btn-toolbar{ display: block; } .securityPage .btn-toolbar .btn{ margin-bottom: 1.25rem; width: 100%; } .securityPage .btn-toolbar p{ text-align: center; } .securityPage h2{ text-align: center; font-family: stevie-sans, sans-serif; font-weight: 500; } .securityPage__form{ margin-bottom: 1rem; border-radius: 1rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(236 238 240 / var(--tw-border-opacity, 1)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 2rem; padding-bottom: 0.75rem; box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05); } .securityPage__form label{ margin-bottom: 0.25rem; font-weight: 400; line-height: 1.5; } .securityPage__form--membership label{ margin-bottom: 0.5rem; font-weight: 500; } .securityPage__form__field{ position: relative; } .securityPage__form__field img{ position: absolute; right: 0.75rem; top: 50%; } .securityPage--register .securityPage__form__field img{ top: 45%; } .securityPage__form__fieldSet .securityPage__form__field{ margin-bottom: 1.25rem; display: flex; align-items: center; } .securityPage__form__fieldSet .securityPage__form__field label{ margin-bottom: 0; font-weight: 500; line-height: 1.25rem; } .securityPage__form__fieldGroup{ margin-left: -0.375rem; margin-right: -0.375rem; display: flex; } .securityPage__form__fieldGroup .securityPage__form__field{ width: 50%; padding-left: 0.375rem; padding-right: 0.375rem; } .securityPage__forgot{ margin-bottom: 1.25rem; } .securityPage__forgot a{ font-weight: 400; --tw-text-opacity: 1; color: rgb(88 165 221 / var(--tw-text-opacity, 1)); } .securityPage__forgot a:hover{ text-decoration-line: underline; } .securityPage__action{ text-align: center; } .securityPage__action button{ margin-bottom: 1.25rem; width: 100%; } .securityPage__action p{ margin-bottom: 0; line-height: 1.5; } .securityPage__action p a{ --tw-text-opacity: 1; color: rgb(88 165 221 / var(--tw-text-opacity, 1)); } .securityPage__action p a:hover{ text-decoration-line: underline; } .securityPage__form__intro{ margin-bottom: 1.25rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); } .securityPage__form__intro h5{ margin-bottom: 1.25rem; line-height: 1.33; } @media (min-width: 768px) { .securityPage{ padding-top: 5rem; padding-bottom: 5rem; } .securityPage__title h2{ margin-bottom: 2.5rem; } } .trip{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .trip__slider{ position: relative; margin-bottom: 2.5rem; height: 23.1875rem; width: 100%; overflow: hidden; } .trip__slider img{ margin-left: 0.25rem; margin-right: 0.25rem; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.25rem; } .trip__addMargin{ margin-top: 2.5rem; } .trip__slider-holder{ position: relative; } .trip__title{ margin-bottom: 2.5rem; display: flex; align-items: center; justify-content: space-between; } .trip__title h1{ margin-bottom: 0; font-family: stevie-sans, sans-serif; font-weight: 500; } .trip__share{ display: flex; width: 6.75rem; align-items: center; justify-content: center; transition: color 0.8s ease; } .trip__share:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .trip__share:hover p{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .trip__share p{ margin-bottom: 0; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .trip__share svg{ margin-right: 0.625rem; } .trip__book{ border-radius: 1rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(236 238 240 / var(--tw-border-opacity, 1)); padding: 1.25rem; box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05); } .trip__book__title h3{ margin-bottom: 1rem; font-weight: 400; } .trip__book__title p{ margin-bottom: 1.25rem; line-height: 1.4; } .trip__book__detail{ margin-bottom: 1rem; } .trip__book__signup{ margin-bottom: 0.5rem; } .trip__book__signup button, .trip__book__signup .btn{ width: 100%; } .trip__book__links{ margin-left: -0.25rem; margin-right: -0.25rem; margin-bottom: 1rem; display: flex; flex-wrap: wrap; justify-content: center; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); padding-bottom: 1rem; } .trip__book__links a{ display: block; padding: 0.5rem; text-decoration-line: underline; line-height: 1; } .trip__book__links a:not(.btn):hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .trip__book__link{ padding-left: 0.25rem; padding-right: 0.25rem; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); } .trip__book__data{ margin-bottom: 0.5rem; display: flex; align-items: center; } .trip__book__data p{ --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); line-height: 1.125rem; } .trip__book__data svg{ margin-right: 0.75rem; min-width: 1.125rem; } .trip__book__data:last-child{ margin-bottom: 0; } .trip__book__leader{ margin-bottom: 0.5rem; display: flex; align-items: center; } .trip__book__leader p{ margin-left: 0.75rem; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .trip__book__profile img{ height: 2.5rem; width: 2.5rem; min-width: 2.5rem; border-radius: 624.9375rem; } .trip__book__members{ margin-bottom: 1rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); padding-bottom: 1rem; } .trip__book__members .trip__right__profile{ margin-left: -0.5rem; } .trip__book__members .trip__right__profile:first-child{ margin-left: 0; } .trip__book__members p{ --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .trip__book__profiles{ margin-bottom: 0.5rem; display: flex; } .trip__book__map{ position: relative; margin-bottom: 1rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); padding-bottom: 1rem; } .trip__book__map:before { content: " "; display: block; padding-top: 100%; } .trip__book__map > div{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .trip__book__share{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; align-items: center; } .trip__book__share p{ margin-bottom: 0; padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .trip__book__share a:not(.btn):hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .trip__book__socials{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; padding-left: 0.5rem; padding-right: 0.5rem; } .trip__book__socials a{ padding-left: 0.5rem; padding-right: 0.5rem; } .trip__left{ margin-bottom: 3.5rem; } .trip__price__item{ margin-bottom: 0.25rem; display: flex; align-items: center; justify-content: space-between; } .trip__price__item p{ margin-bottom: 0; } .trip__price__amount p{ font-weight: 500; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .trip__leaders{ padding-top: 2rem; } .trip__desc{ border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(217 217 217 / var(--tw-border-opacity, 1)); padding-bottom: 2rem; } .trip__desc p{ --tw-text-opacity: 1; color: rgb(94 94 94 / var(--tw-text-opacity, 1)); } .trip__table p{ margin-bottom: 0; } .trip__table table{ width: 100%; } .trip__table__participant{ margin-bottom: 1.25rem; } .trip__table__download button{ margin-bottom: 1.25rem; text-decoration-line: underline; } .trip__table__img{ min-width: 4.375rem; padding-left: 0.25rem; padding-right: 0.25rem; } .trip__table__img img{ height: 2.5rem; width: 2.5rem; min-width: 2.5rem; border-radius: 624.9375rem; } .trip__table__actions{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; padding-left: 0.25rem; padding-right: 0.25rem; } .trip__table__actions button{ padding-left: 0.75rem; padding-right: 0.75rem; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .trip__table__actions button:last-child{ --tw-text-opacity: 1; color: rgb(225 34 34 / var(--tw-text-opacity, 1)); } .trip__table--desktop{ display: none; } .trip__table__data{ margin-left: -0.25rem; margin-right: -0.25rem; margin-bottom: 0.75rem; display: flex; } .trip__table__data p{ padding-left: 0.25rem; padding-right: 0.25rem; min-width: 4.375rem; } .trip--event .trip__desc{ border-bottom-width: 0; padding-bottom: 0; } .trip--event .trip__book__data{ margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; } .trip--event .trip__book__data:last-child{ margin-bottom: 0; } .trip--event .trip__book__data svg{ height: auto; width: 1.125rem; } @media (min-width: 768px) { .trip{ margin-bottom: 5rem; padding-bottom: 0; } .trip__slider{ margin-bottom: 3.25rem; height: 35.6875rem; max-height: 35.6875rem; overflow: hidden; } .trip__title h1 { line-height: 2; } .trip__leaders{ padding-top: 2.5rem; } .trip__desc h4{ margin-bottom: 1.5rem; } .trip__left{ margin-bottom: 0; } .trip__table__participants{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; flex-wrap: wrap; } .trip__table__participant{ width: 50%; padding-left: 0.5rem; padding-right: 0.5rem; } } @media (min-width: 1024px) { .trip__cols{ margin-left: -1.25rem; margin-right: -1.25rem; display: flex; flex-wrap: wrap; align-items: flex-start; } .trip__left{ width: 50%; flex: 1 1 0%; padding-left: 1.25rem; padding-right: 1.25rem; } .trip__leaders h3, .trip__leaders p{ margin-bottom: 1.5rem; } .trip__right{ position: sticky; top: 7rem; width: 50%; max-width: 28.5rem; padding-left: 1.25rem; padding-right: 1.25rem; } .trip__table__download{ text-align: right; } .trip__table__download button{ margin-bottom: 0; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); } .trip__table__download button:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .trip__table tr th:last-child{ padding-right: 0; } .trip__table p{ margin-bottom: 0; } .trip__table__img{ min-width: 3.125rem; padding-left: 0; padding-right: 0; } .trip__table th{ text-align: left; font-weight: 400; --tw-text-opacity: 1; color: rgb(94 94 94 / var(--tw-text-opacity, 1)); } .trip__table__buttons button{ margin-right: 1.5rem; padding: 0.25rem; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .trip__table__buttons button:hover { opacity: 0.8; } .trip__table__buttons button:last-child{ margin-right: 0; --tw-text-opacity: 1; color: rgb(225 34 34 / var(--tw-text-opacity, 1)); } .trip__table__buttons button[disabled]{ pointer-events: none; opacity: 0.5; } .trip__table tr{ margin-left: -0.75rem; margin-right: -0.75rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(217 217 217 / var(--tw-border-opacity, 1)); } .trip__table tbody tr:last-child{ border-width: 0; } .trip__table td, .trip__table th{ padding-left: 0.75rem; padding-right: 0.75rem; } .trip__table td{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .trip__table th{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .trip__table__status{ min-width: 9.375rem; } .trip__table__name, .trip__table__email{ min-width: 12.625rem; } .trip__table__header p{ margin-bottom: 0; } } @media (min-width: 1180px) { .trip__left{ width: 61%; } .trip__right{ width: 29%; } .trip__table--desktop{ display: block; } .trip__table--mobile{ display: none; } } @media (min-width: 1638px) { .trip__table__buttons button{ padding: 0.5rem; } .trip__table__name, .trip__table__email{ min-width: 20.375rem; } .trip__book__links a{ padding: 1rem; text-decoration-line: underline; line-height: 1; } .trip__right{ top: 8.75rem; } } .tripRegister{ margin-left: auto; margin-right: auto; max-width: 73rem; padding-top: 2.5rem; padding-bottom: 2.5rem; } .tripRegister h2{ font-family: stevie-sans, sans-serif; font-weight: 500; line-height: 2; } .tripRegister h4{ margin-bottom: 1.5rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .tripRegister form p, .tripRegister__confirm p{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .tripRegister button:hover span{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .tripRegister .checkbox label{ margin-bottom: 0; } .tripRegister .btn-toolbar{ justify-content: flex-start; } .tripRegister button span{ margin-bottom: 0; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .tripRegister__card__field{ position: relative; } .tripRegister__card__field label{ margin-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(48 49 61 / var(--tw-text-opacity, 1)); } .tripRegister__card__field img{ position: absolute; top: 45%; right: 0.75rem; } .tripRegister__card__action{ margin-bottom: 1.5rem; } .tripRegister__card select{ margin-bottom: 1.5rem; } .tripRegister span{ margin-bottom: 1.5rem; display: block; --tw-text-opacity: 1; color: rgb(94 94 94 / var(--tw-text-opacity, 1)); } .tripRegister label{ margin-bottom: 0.5rem; } .tripRegister input[type=text], .tripRegister input[type=password], .tripRegister input[type=email], .tripRegister input[type=number], .tripRegister input[type=time], .tripRegister input[type=tel], .tripRegister input[type=date], .tripRegister input[type=time], .tripRegister input[type=password], .tripRegister textarea{ margin-bottom: 1.5rem; } .tripRegister .inlineField{ margin-bottom: 1.5rem; display: flex; align-items: flex-start; } .tripRegister .inlineField label{ margin-bottom: 0; } .tripRegister button{ margin-top: 1.5rem; margin-bottom: 1.5rem; } @media (min-width: 768px) { .tripRegister{ padding-bottom: 5rem; } .tripRegister h2{ margin-bottom: 2.5rem; } .tripRegister h3{ margin-bottom: 1.5rem; line-height: 1.8; } .tripRegister__wrap{ margin-left: -1.25rem; margin-right: -1.25rem; display: flex; align-items: flex-start; } .tripRegister__left{ width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; } .tripRegister__right{ position: sticky; top: 7rem; width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; } } @media (min-width: 1024px) { .tripRegister__card__fieldGroup{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; align-items: center; } .tripRegister__card__fieldGroup .tripRegister__card__field__wrap{ width: 50%; padding-left: 0.75rem; padding-right: 0.75rem; } } @media (min-width: 1180px) { .tripRegister__left{ width: 61%; } .tripRegister__right{ width: 29%; min-width: 28.5rem; } } @media (min-width: 1638px) { .tripRegister__right{ top: 8.75rem; } } .course{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .course__slider{ position: relative; margin-bottom: 2.5rem; height: 23.1875rem; width: 100%; } .course__slider img{ margin-left: 0.25rem; margin-right: 0.25rem; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 1.25rem; } .course__addMargin{ margin-top: 2.5rem; } .course__slider-holder{ position: relative; } .course__title{ margin-bottom: 2.5rem; display: flex; align-items: center; justify-content: space-between; } .course__title h1{ margin-bottom: 0; font-family: stevie-sans, sans-serif; font-weight: 500; } .course__share{ display: flex; width: 6.75rem; align-items: center; justify-content: center; transition: color 0.8s ease; } .course__share:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .course__share:hover p{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .course__share p{ margin-bottom: 0; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .course__share svg{ margin-right: 0.625rem; } .course__book{ border-radius: 1rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(236 238 240 / var(--tw-border-opacity, 1)); padding: 1.25rem; box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.05); } .course__book__title h3{ margin-bottom: 1rem; font-weight: 400; } .course__book__title p{ margin-bottom: 1.25rem; line-height: 1.4; } .course__book__detail{ margin-bottom: 1rem; } .course__book__signup{ margin-bottom: 0.5rem; } .course__book__signup button, .course__book__signup .btn{ width: 100%; } .course__book__links{ margin-left: -0.25rem; margin-right: -0.25rem; margin-bottom: 1rem; display: flex; flex-wrap: wrap; justify-content: center; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); padding-bottom: 1rem; } .course__book__links a{ display: block; padding: 0.5rem; text-decoration-line: underline; line-height: 1; } .course__book__links a:not(.btn):hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .course__book__link{ padding-left: 0.25rem; padding-right: 0.25rem; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); } .course__book__data{ margin-bottom: 0.5rem; display: flex; align-items: center; } .course__book__data p{ --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); line-height: 1.125rem; } .course__book__data svg{ margin-right: 0.75rem; min-width: 1.125rem; } .course__book__data:last-child{ margin-bottom: 0; } .course__book__leader{ margin-bottom: 0.5rem; display: flex; align-items: center; } .course__book__leader p{ margin-left: 0.75rem; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .course__book__profile{ margin-left: -0.5rem; } .course__book__profile img{ height: 2.5rem; width: 2.5rem; min-width: 2.5rem; border-radius: 624.9375rem; } .course__book__profile:first-child{ margin-left: 0; } .course__book__members{ margin-bottom: 1rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); padding-bottom: 1rem; } .course__book__members .trip__right__profile{ margin-left: -0.5rem; } .course__book__members .trip__right__profile:first-child{ margin-left: 0; } .course__book__members p{ --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .course__book__profiles{ margin-bottom: 0.5rem; display: flex; } .course__book__map{ position: relative; margin-bottom: 1rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); padding-bottom: 1rem; } .course__book__map:before { content: " "; display: block; padding-top: 100%; } .course__book__map > div{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .course__book__share{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; align-items: center; } .course__book__share p{ margin-bottom: 0; padding-left: 0.5rem; padding-right: 0.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .course__book__share a:not(.btn):hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .course__book__socials{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; padding-left: 0.5rem; padding-right: 0.5rem; } .course__book__socials a{ padding-left: 0.5rem; padding-right: 0.5rem; } .course__left{ margin-bottom: 3.5rem; } .course__price__item{ margin-bottom: 0.25rem; display: flex; align-items: center; justify-content: space-between; } .course__price__item p{ margin-bottom: 0; } .course__price__amount p{ font-weight: 500; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .course__leaders{ padding-top: 2rem; } .course__desc{ border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(217 217 217 / var(--tw-border-opacity, 1)); padding-bottom: 2rem; } .course__desc p{ --tw-text-opacity: 1; color: rgb(94 94 94 / var(--tw-text-opacity, 1)); } .course__table p{ margin-bottom: 0; } .course__table table{ width: 100%; } .course__table__participant{ margin-bottom: 1.25rem; } .course__table__download button{ margin-bottom: 1.25rem; text-decoration-line: underline; } .course__table__img{ min-width: 4.375rem; padding-left: 0.25rem; padding-right: 0.25rem; } .course__table__img img{ height: 2.5rem; width: 2.5rem; min-width: 2.5rem; border-radius: 624.9375rem; } .course__table__actions{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; padding-left: 0.25rem; padding-right: 0.25rem; } .course__table__actions button{ padding-left: 0.75rem; padding-right: 0.75rem; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .course__table__actions button:last-child{ --tw-text-opacity: 1; color: rgb(225 34 34 / var(--tw-text-opacity, 1)); } .course__table--desktop{ display: none; } .course__table__data{ margin-left: -0.25rem; margin-right: -0.25rem; margin-bottom: 0.75rem; display: flex; } .course__table__data p{ padding-left: 0.25rem; padding-right: 0.25rem; min-width: 4.375rem; } @media (min-width: 768px) { .course{ margin-bottom: 5rem; padding-bottom: 0; } .course__slider{ margin-bottom: 3.25rem; height: 35.6875rem; } .course__title h1 { line-height: 2; } .course__table__participants{ margin-left: -0.5rem; margin-right: -0.5rem; display: flex; flex-wrap: wrap; } .course__table__participant{ width: 50%; padding-left: 0.5rem; padding-right: 0.5rem; } .course__leaders{ padding-top: 2.5rem; } .course__desc h4{ margin-bottom: 1.5rem; } .course__left{ margin-bottom: 0; } } @media (min-width: 1024px) { .course__cols{ margin-left: -1.25rem; margin-right: -1.25rem; display: flex; flex-wrap: wrap; align-items: flex-start; } .course__left{ width: 50%; flex: 1 1 0%; padding-left: 1.25rem; padding-right: 1.25rem; } .course__leaders h3, .course__leaders p{ margin-bottom: 1.5rem; } .course__right{ position: sticky; top: 7rem; width: 50%; max-width: 28.5rem; padding-left: 1.25rem; padding-right: 1.25rem; } .course__table__download{ text-align: right; } .course__table__download button{ margin-bottom: 0; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); } .course__table__download button:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .course__table tr th:last-child{ padding-right: 0; } .course__table p{ margin-bottom: 0; } .course__table__img{ min-width: 3.125rem; padding-left: 0; padding-right: 0; } .course__table th{ text-align: left; font-weight: 400; --tw-text-opacity: 1; color: rgb(94 94 94 / var(--tw-text-opacity, 1)); } .course__table__buttons button{ margin-right: 1.5rem; padding: 0.25rem; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .course__table__buttons button:hover { opacity: 0.8; } .course__table__buttons button:last-child{ margin-right: 0; --tw-text-opacity: 1; color: rgb(225 34 34 / var(--tw-text-opacity, 1)); } .course__table tr{ margin-left: -0.75rem; margin-right: -0.75rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(217 217 217 / var(--tw-border-opacity, 1)); } .course__table tbody tr:last-child{ border-width: 0; } .course__table td, .course__table th{ padding-left: 0.75rem; padding-right: 0.75rem; } .course__table td{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .course__table th{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .course__table__status{ min-width: 9.375rem; } .course__table__name, .course__table__email{ min-width: 12.625rem; } .course__table__header p{ margin-bottom: 0; } } @media (min-width: 1180px) { .course__left{ width: 61%; } .course__right{ width: 29%; } .course__table--desktop{ display: block; } .course__table--mobile{ display: none; } } @media (min-width: 1638px) { .course__table__buttons button{ padding: 0.5rem; } .course__table__name, .course__table__email{ min-width: 20.375rem; } .course__book__links a{ padding: 1rem; text-decoration-line: underline; line-height: 1; } .course__right{ top: 8.75rem; } } .courseRegister{ margin-left: auto; margin-right: auto; max-width: 73rem; padding-top: 2.5rem; padding-bottom: 2.5rem; } .courseRegister h2{ font-family: stevie-sans, sans-serif; font-weight: 500; line-height: 2; } .courseRegister h4{ margin-bottom: 1.5rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .courseRegister form p, .courseRegister__confirm p{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .courseRegister__form .btn-toolbar{ justify-content: flex-start; } .courseRegister__card__field{ position: relative; } .courseRegister__card__field label{ --tw-text-opacity: 1; color: rgb(48 49 61 / var(--tw-text-opacity, 1)); } .courseRegister__card__field img{ position: absolute; top: 45%; right: 0.75rem; } .courseRegister__card__action{ margin-bottom: 1.5rem; } .courseRegister__card select{ margin-bottom: 1.5rem; } .courseRegister span{ margin-bottom: 1.5rem; display: block; --tw-text-opacity: 1; color: rgb(94 94 94 / var(--tw-text-opacity, 1)); } .courseRegister button span{ margin-bottom: 0; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .courseRegister button:hover span{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .courseRegister .checkbox label{ margin-bottom: 0; } .courseRegister label{ margin-bottom: 0.5rem; font-size: 1rem; line-height: 1.5; } .courseRegister input[type=text], .courseRegister input[type=password], .courseRegister input[type=email], .courseRegister input[type=number], .courseRegister input[type=time], .courseRegister input[type=tel], .courseRegister input[type=date], .courseRegister input[type=time], .courseRegister input[type=password], .courseRegister textarea{ margin-bottom: 1.5rem; } .courseRegister .inlineField{ margin-bottom: 1.5rem; display: flex; align-items: flex-start; } .courseRegister .inlineField label{ margin-bottom: 0; } .courseRegister button{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .courseRegister__title{ margin-bottom: 2.5rem; display: flex; align-items: center; justify-content: space-between; } .courseRegister__title h1{ margin-bottom: 0; font-family: stevie-sans, sans-serif; font-weight: 500; } .courseRegister__share{ display: flex; width: 6.75rem; align-items: center; justify-content: center; transition: color 0.8s ease; } .courseRegister__share:hover{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .courseRegister__share:hover p{ --tw-text-opacity: 1; color: rgb(41 66 234 / var(--tw-text-opacity, 1)); } .courseRegister__share p{ margin-bottom: 0; --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity, 1)); text-decoration-line: underline; } .courseRegister__share svg{ margin-right: 0.625rem; } .courseRegister__card__field{ position: relative; } .courseRegister__card__field img{ position: absolute; top: 45%; right: 0.75rem; } .courseRegister__card__action{ margin-bottom: 1.5rem; padding-bottom: 1.5rem; padding-top: 1.75rem; } .courseRegister__form{ margin-bottom: 1.5rem; } .courseRegister__left{ margin-bottom: 3.5rem; } @media (min-width: 768px) { .courseRegister{ padding-bottom: 5rem; } .courseRegister h2{ margin-bottom: 2.5rem; } .courseRegister h3{ margin-bottom: 1.5rem; line-height: 1.8; } .courseRegister__wrap{ margin-left: -1.25rem; margin-right: -1.25rem; display: flex; align-items: flex-start; } .courseRegister__left{ width: 60%; padding-left: 1.25rem; padding-right: 1.25rem; } .courseRegister__right{ position: sticky; top: 7rem; width: 40%; min-width: 23.5rem; padding-left: 1.25rem; padding-right: 1.25rem; } } @media (min-width: 1024px) { .courseRegister__card__fieldGroup{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; align-items: center; } .courseRegister__card__fieldGroup .courseRegister__card__field__wrap{ width: 50%; padding-left: 0.75rem; padding-right: 0.75rem; } .courseRegister__right{ min-width: 28.5rem; } } @media (min-width: 1638px) { .courseRegister__right{ top: 8.75rem; } } .accountPage{ margin-left: auto; margin-right: auto; max-width: 73rem; padding-top: 2.5rem; padding-bottom: 2.5rem; --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .accountPage--profile h4, .accountPage--login h4, .accountPage--membership h4{ margin-bottom: 1.5rem; } .accountPage--profile .accountPage__title, .accountPage--login .accountPage__title, .accountPage--membership .accountPage__title{ margin-bottom: 2.5rem; } .accountPage label{ font-size: 0.875rem; line-height: 1.2; font-weight: 400; } .accountPage__donate label{ font-weight: 500; } .accountPage__form .btn{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .accountPage__form .btn-toolbar{ justify-content: flex-start; } .accountPage--login .accountPage__form form:first-child{ margin-bottom: 1.5rem; } .accountPage__form form#MembershipForm_MembershipForm label.left{ margin-bottom: 1.5rem; font-size: 1.125rem; line-height: 1.1; font-weight: 700; } .accountPage__form form#MembershipForm_MembershipForm .textarea label.left{ margin-bottom: 0.25rem; font-size: 1rem; line-height: 1.5; font-weight: 400; } .accountPage__form form#ProfileForm_ProfileForm #ProfileForm_ProfileForm_ProfileImage_Holder{ margin-bottom: 3rem; } .accountPage__form .middleColumn:has(.optionset){ margin-bottom: 1.5rem; } .accountPage__form .optionset{ margin-bottom: 0; } .accountPage__form .optionset li{ margin-bottom: 1.5rem; display: flex; align-items: center; } .accountPage__form .optionset li:last-child{ margin-bottom: 0; } .accountPage__form .optionset li label{ margin-bottom: 0; } .accountPage .h2{ margin-bottom: 0; margin-right: 1rem; padding-left: 0.25rem; padding-right: 0.25rem; font-family: stevie-sans, sans-serif; font-weight: 500; line-height: 1; } .accountPage input[type=text], .accountPage input[type=password], .accountPage input[type=email], .accountPage input[type=number], .accountPage input[type=time], .accountPage input[type=tel], .accountPage input[type=date], .accountPage input[type=time], .accountPage input[type=password], .accountPage textarea{ margin-bottom: 1.5rem; } .accountPage label{ font-size: 0.875rem; line-height: 1.2; } .accountPage__title{ margin-bottom: 0.5rem; display: flex; align-items: flex-end; } .accountPage__category{ border-radius: 0.125rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.0625rem; padding-bottom: 0.0625rem; } .accountPage__category svg{ margin-right: 0.5rem; } .accountPage__category label{ margin-bottom: 0; font-size: 0.875rem; line-height: 1.2; font-weight: 400; --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .accountPage__category__wrap{ display: flex; align-items: center; } .accountPage__data{ margin-bottom: 2.5rem; } .accountPage__data p{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .accountPage__link{ display: block; } .accountPage__link__wrap{ margin-bottom: 1.25rem; display: block; height: 100%; border-radius: 1rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(236 238 240 / var(--tw-border-opacity, 1)); padding: 1rem; } .accountPage__link__wrap:hover{ --tw-border-opacity: 1; border-color: rgb(41 66 234 / var(--tw-border-opacity, 1)); } .accountPage__link__wrap p{ --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .accountPage__link img{ margin-bottom: 1.5rem; } .accountPage__link h4{ margin-bottom: 0.75rem; line-height: 1.2; } .accountPage__link p:last-child{ margin-bottom: 0; } .accountPage__link:last-child{ margin-bottom: 0; } .accountPage__membership__form__fieldSet .accountPage__membership__form__field{ margin-bottom: 1.5rem; display: flex; align-items: center; } .accountPage__membership__form__fieldSet .accountPage__membership__form__field label{ margin-bottom: 0; font-weight: 500; line-height: 1.25rem; } .accountPage__membership__form__fieldGroup{ margin-left: -0.375rem; margin-right: -0.375rem; display: flex; } .accountPage__membership__form__fieldGroup .accountPage__membership__form__field{ width: 50%; padding-left: 0.375rem; padding-right: 0.375rem; } .accountPage__card__field{ position: relative; } .accountPage__card__field label{ margin-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(48 49 61 / var(--tw-text-opacity, 1)); } .accountPage__card__field img{ position: absolute; top: 45%; right: 0.75rem; } .accountPage__card__field select{ margin-bottom: 1.5rem; } .accountPage__card__action{ margin-bottom: 1.5rem; } .accountPage--trips h4, .accountPage--trips p, .accountPage--trips h5, .accountPage--courses h4, .accountPage--courses p, .accountPage--courses h5{ margin-bottom: 0; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .accountPage--trips .accountPage__title, .accountPage--courses .accountPage__title{ margin-bottom: 2.5rem; } .accountPage--trips h5, .accountPage--courses h5 { line-height: 1.44; } .accountPage__upcoming{ padding-bottom: 1.75rem; } .accountPage__upcoming h4{ margin-bottom: 2rem; } .accountPage__completed h4{ margin-bottom: 2rem; } .accountPage__trip, .accountPage__course{ margin-left: -0.375rem; margin-right: -0.375rem; margin-bottom: 1.5rem; display: flex; } .accountPage__trip__image, .accountPage__course__image{ height: 6.25rem; width: 6.25rem; } .accountPage__trip__image img, .accountPage__course__image img{ height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 0.625rem; } .accountPage__trip__title, .accountPage__trip__leader, .accountPage__course__title, .accountPage__course__leader{ margin-bottom: 0.5rem; } .accountPage__trip__left, .accountPage__trip__right, .accountPage__course__left, .accountPage__course__right{ padding-left: 0.375rem; padding-right: 0.375rem; } .accountPage--donate .accountPage__title{ justify-content: center; text-align: center; } .accountPage--donate .accountPage__title h1{ margin-bottom: 2.5rem; text-align: center; line-height: 2; } .accountPage__donate{ margin-left: auto; margin-right: auto; max-width: 30rem; border-radius: 1rem; border-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(236 238 240 / var(--tw-border-opacity, 1)); padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 2rem; padding-bottom: 2rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05); } .accountPage__donate__form p{ margin-bottom: 0; } .accountPage__donate__form label{ margin-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .accountPage__donate__body p{ --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .accountPage__donate__sub{ margin-bottom: 1.25rem; border-bottom-width: 0.0625rem; --tw-border-opacity: 1; border-color: rgb(192 192 192 / var(--tw-border-opacity, 1)); } .accountPage__donate__sub h4{ margin-bottom: 1.25rem; --tw-text-opacity: 1; color: rgb(17 17 17 / var(--tw-text-opacity, 1)); } .accountPage__donate__packages{ margin-left: -0.25rem; margin-right: -0.25rem; margin-bottom: 1.25rem; display: flex; } .accountPage__donate__package{ width: 25%; cursor: pointer; padding-left: 0.25rem; padding-right: 0.25rem; } .accountPage__donate__package p{ margin-bottom: 0; display: flex; height: 2.25rem; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(138 192 231 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); border-radius: 0.25rem; } .accountPage__donate__package:hover p{ --tw-bg-opacity: 1; background-color: rgb(41 66 234 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .accountPage__donate__package.active p, .accountPage__donate__package:active p{ --tw-bg-opacity: 1; background-color: rgb(41 66 234 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .accountPage__donate__card__field{ position: relative; } .accountPage__donate__card__field label{ margin-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(48 49 61 / var(--tw-text-opacity, 1)); } .accountPage__donate__card__field img{ position: absolute; top: 45%; right: 0.75rem; } .accountPage__donate__card__action{ margin-bottom: 0.25rem; width: 100%; } .accountPage__donate__card__action button{ width: 100%; } .accountPage__donate__card select{ margin-bottom: 1.5rem; } @media (min-width: 768px) { .accountPage{ padding-bottom: 1.25rem; } .accountPage__links{ margin-left: -0.625rem; margin-right: -0.625rem; display: flex; flex-wrap: wrap; } .accountPage__link{ width: 50%; padding-left: 0.625rem; padding-right: 0.625rem; padding-bottom: 1.25rem; } .accountPage__link__wrap{ margin-bottom: 0; } .accountPage__form form#MembershipForm_MembershipForm label.left{ font-size: 1.25rem; line-height: 1.28; } .accountPage__form form#MembershipForm_MembershipForm .textarea label.left{ margin-bottom: 0.25rem; font-size: 1rem; line-height: 1.5; } .accountPage__personalInfo, .accountPage__membership{ margin-left: -1.25rem; margin-right: -1.25rem; display: flex; align-items: flex-start; } .accountPage__personalInfo__left, .accountPage__personalInfo__right, .accountPage__membership__left, .accountPage__membership__right{ width: 50%; padding-left: 1.25rem; padding-right: 1.25rem; } .accountPage__personalInfo__right, .accountPage__membership__right{ position: sticky; top: 7rem; } .accountPage__tripList, .accountPage__courseList{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; flex-wrap: wrap; } .accountPage__trip, .accountPage__course{ width: 50%; padding-left: 0.75rem; padding-right: 0.75rem; } } @media (min-width: 1024px) { .accountPage{ padding-bottom: 3.75rem; } .accountPage__link{ width: 33.333333%; } .accountPage__card__fieldGroup{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; align-items: center; } .accountPage__card__fieldGroup .accountPage__card__field__wrap{ width: 50%; padding-left: 0.75rem; padding-right: 0.75rem; } .accountPage__personalInfo__right, .accountPage__membership__right{ width: 28.5rem; } .accountPage__personalInfo__left, .accountPage__membership__left{ flex: 1 1 0%; } .accountPage__trip, .accountPage__course{ width: 33.333333%; } .accountPage__donate__card__fieldGroup{ margin-left: -0.75rem; margin-right: -0.75rem; display: flex; align-items: center; } .accountPage__donate__card__fieldGroup .accountPage__donate__card__field__wrap{ width: 50%; padding-left: 0.75rem; padding-right: 0.75rem; } } @media (min-width: 1638px) { .accountPage__personalInfo__right, .accountPage__membership__right{ top: 8.75rem; } }