/* Autor: PUM! estudio Index: 1 -- Components 2 -- Libraries 2.1 -- Gravity forms 2.2 -- Fancybox */ @charset "UTF-8"; /* 1 -- Components */ /* -- Border */ .border-b-top::before { content: ''; display: block; width: 100%; height: .1rem; background-color: var(--c-black); margin-bottom: var(--unit);} .border-c-top::before { content: ''; display: block; width: 100%; height: .1rem; background-color: var(--c-yellow); margin-bottom: var(--unit-2);} /* -- Media */ .unit-media { width: 100%; height: 100%; overflow: hidden; border-radius: .2rem;} .unit-media img, .unit-media video, .unit-media iframe { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--bezier);} .unit-media iframe { aspect-ratio: 16/9;} .hover .unit-media img, .unit-media.hover img, .hover .unit-media video, .unit-media.hover video { transform: scale(1.05);} .unit-media.obj-contain img, .unit-media.obj-contain video { object-fit: contain;} .unit-media-play { position: relative; cursor: pointer;} .unit-media-play::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--unit-10); height: var(--unit-10); background-color: var(--c-black); background-image: var(--icon-w-play); background-position: center; background-repeat: no-repeat; background-size: var(--unit-5) var(--unit-5); z-index: 1; border-radius: 50%} /* -- Bg */ .bg-black { background-color: var(--c-black); color: var(--c-yellow); --c-txt: var(--c-yellow);} .bg-black-100 { background-color: var(--c-black-100); color: var(--c-black);} .bg-white { background-color: var(--c-white); color: var(--c-black);} .bg-yellow { background-color: var(--c-yellow); color: var(--c-black);} .unit-breadcrumbs a { text-decoration: none;} /* -- CTAs group */ .unit-ctas { display: flex; flex-wrap: wrap; gap: var(--unit-2) var(--unit-4);} /* -- Cards */ .unit-card { width: 100%; text-decoration: none; overflow: hidden;} /* -- Tooltip */ .unit-tooltip { display: inline-block; position: relative; z-index: 100;} .unit-tooltip .unit-tooltip-content { position: absolute; visibility: hidden; opacity: 0; top: 140%; left: 50%; transform: translateX(-50%); width: max-content; max-width: 24rem; padding: var(--unit-3) var(--unit-6); transition: all .4s var(--bezier);} .unit-tooltip .unit-tooltip-content button { border-top: var(--border-1-b); padding-right: var(--unit-4); text-align: left; transition: all .4s var(--bezier);} .unit-tooltip .unit-tooltip-content button.hover, .unit-tooltip .unit-tooltip-content button.active { font-style: italic;} .unit-tooltip.pos-r .unit-tooltip-content { left: auto; right: 0;} .unit-tooltip.active .unit-tooltip-content { visibility: visible; opacity: 1;} /* -- Drop */ .unit-dropdown { position: relative; z-index: 2;} .unit-dropdown .cta-dropdown { display: block;} .unit-dropdown .unit-dropdown-content { position: absolute; top: 140%; left: 50%; width: 100%; min-width: max-content; min-width: 9rem; background-color: var(--c-yellow); opacity: 0; pointer-events: none; transform: translateX(-50%) translateY(calc( var(--unit-2) * -1 )); transition: all .6s var(--bezier);} .unit-dropdown .unit-dropdown-content-in { padding: var(--unit-3) var(--unit-5);} .unit-dropdown .unit-dropdown-content-in ul { list-style: none;} .unit-dropdown .unit-dropdown-content-in ul li { width: 100%; border-top: var(--border-1-b);} .unit-dropdown .unit-dropdown-content-in ul li:hover > a { font-style: italic;} .unit-dropdown.pos-r .unit-dropdown-content { left: auto; right: 0;} .unit-dropdown.active .unit-dropdown-content { opacity: 1; pointer-events: all; transform: translateX(-50%) translateY(var(--unit)); } /* -- Accordion */ .unit-accordion { display: flex; flex-direction: column; width: 100%; gap: var(--unit-6);} .unit-accordion-item { width: 100%; border-top: var(--border-1-b); transition: all .4s var(--bezier);} .unit-accordion-item .cta-accordion { padding: var(--unit-2) 0;} .unit-accordion-item .unit-accordion-content { max-height: 0; overflow: hidden; transition: all .8s var(--bezier);} .unit-accordion-item .unit-accordion-content-in { padding-bottom: var(--unit-2);} .unit-accordion-item.active .cta-accordion.icon:after { transform: rotate(-180deg);} .unit-accordion-item.active .unit-accordion-content { max-height: 100vh;} /* -- Grid */ .unit-grid { row-gap: var(--unit-6);} /* -- Slider */ .unit-slider { position: relative; display: flex;} .unit-slider-item { flex-shrink: 0; display: flex;} .unit-slider.active { width: 100%; display: block;} .unit-slider.active:after { content: 'flickity'; display: none;} .unit-slider .flickity-viewport { overflow: visible; position: static;} .unit-slider .flickity-slider { position: relative;} .unit-slider .flickity-button { display: none;} .unit-slider-mob.active { display: flex; align-items: start; flex-wrap: wrap;} .unit-slider-mob.active:after { content: ''; display: none;} @container style(--size-m: true) { .unit-slider-mob, .unit-slider-mob.active { width: 100%; display: block;} .unit-slider-mob:after, .unit-slider-mob.active:after { content: 'flickity'; display: none;} } /* -- Filter Buttons */ .unit-filter-btns { min-height: 100%; z-index: 10;} .unit-filter-btns .unit-filter-btns-in { position: sticky; top: var(--unit-6); transition: top 0.8s var(--bezier);} .scroll-up .unit-filter-btns.top .unit-filter-btns-in { top: 12.5rem;} @container style(--size-m: true) { .unit-filter-btns { position: sticky; top: 0; z-index: 10; width: 100%; padding: 0 calc(var(--padd) + var(--padd-main)); display: flex; flex-direction: row; justify-content: flex-start; overflow: auto; transition: top 0.8s var(--bezier);} .unit-filter-btns .unit-filter-btns-in { position: static; flex-shrink: 0; padding: var(--unit-4) 0; background: linear-gradient(to bottom, var(--c-white) 90%, transparent 100%); min-width: 100%;} .unit-filter-btns .unit-filter-btns-in > div { position: relative; z-index: 2;} .unit-filter-btns button { flex-shrink: 0;} .scroll-up .unit-filter-btns.top { top: 8.5rem;} } @container style(--size-s: true) { .scroll-up .unit-filter-btns.top { top: 6rem;} } /* -- Filter Dropdowns */ .unit-filter-drop { min-height: 100%;} /* .unit-filter-drop-in { position: sticky; top: var(--unit-6); transition: top 0.8s var(--bezier);} */ .unit-filter-drop.long .unit-filter-drop-in, .unit-filter-drop.top.long .unit-filter-drop-in { position: static;} .unit-filter-drop-item .cta-unit-filter-drop { padding: var(--unit-2) 0 var(--unit-6); border-top: var(--border-1-g); color: var(--c-black-500); background-color: var(--c-white);} .unit-filter-drop-item .unit-filter-drop-content { max-height: 0; overflow: hidden; padding: 0 var(--unit-3); transition: all .8s var(--bezier);} .unit-filter-drop-item .unit-filter-drop-content li { text-decoration: none; list-style: none;} .unit-filter-drop-item .unit-filter-drop-content li label { padding: var(--unit-2) 0 var(--unit-4); border-top: var(--border-1-g); color: var(--c-black-500);} .unit-filter-drop-item .unit-filter-drop-content li label input[type=checkbox] { border: var(--border-1-g); width: var(--unit-2); height: var(--unit-2); border-radius: var(--unit-2);} .unit-filter-drop-item .unit-filter-drop-content li label input[type=checkbox]:checked { border-color: var(--c-black); background-color: var(--c-black); background-image: none; margin-left: var(--unit-2);} .unit-filter-drop-item .unit-filter-drop-content li label input[type=checkbox]:checked + * { color: var(--c-black-500);} .unit-filter-drop-item .unit-filter-drop-content li > ul li label { padding-left: var(--unit-4);} .unit-filter-drop-item.active .cta-unit-filter-drop.icon:after { transform: rotate(180deg);} .unit-filter-drop-item.active .unit-filter-drop-content { max-height: 9999px;} .scroll-up .unit-filter-drop.top .unit-filter-drop-in { top: 12.5rem;} @container style(--size-m: true) { .unit-filter-drop { position: sticky; top: 0; z-index: 10; padding: var(--unit-4) var(--padd); transition: top 0.8s var(--bezier);} .unit-filter-drop::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, var(--c-white) 90%, transparent 100%);} .unit-filter-drop-in { position: static;} .unit-filter-drop-item { position: relative; overflow: visible;} .unit-filter-drop-item .cta-unit-filter-drop { padding: .6rem 0 var(--unit-4);} .unit-filter-drop-item .unit-filter-drop-content { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding: 0 var(--unit-4); width: 100vw; background-color: var(--c-white);} .unit-filter-drop-item .unit-filter-drop-content li label { padding: .6rem 0 var(--unit-4);} .unit-filter-drop-item .unit-filter-drop-content li label input[type=checkbox] { width: .6rem; height: .6rem;} .unit-filter-drop-item.active { z-index: 2;} .unit-filter-drop-item.active .unit-filter-drop-content { max-height: 70vh; overflow: scroll;} .scroll-up .unit-filter-drop.top { top: 8.5rem;} } @container style(--size-s: true) { .scroll-up .unit-filter-drop.top { top: 6rem;} } /* 2 -- Libraries */ /* 2.1 -- Gravity forms */ .unit-form ::placeholder { color: var(--input-color); opacity: 1;} /* Header */ .unit-form .gform_heading { display: none;} /* Columns */ .unit-form .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: var(--unit-2); grid-row-gap: var(--unit-6);} /* Inputs */ .unit-form .gform_wrapper.gravity-theme input[type=color], .unit-form .gform_wrapper.gravity-theme input[type=date], .unit-form .gform_wrapper.gravity-theme input[type=datetime-local], .unit-form .gform_wrapper.gravity-theme input[type=datetime], .unit-form .gform_wrapper.gravity-theme input[type=email], .unit-form .gform_wrapper.gravity-theme input[type=month], .unit-form .gform_wrapper.gravity-theme input[type=number], .unit-form .gform_wrapper.gravity-theme input[type=password], .unit-form .gform_wrapper.gravity-theme input[type=search], .unit-form .gform_wrapper.gravity-theme input[type=tel], .unit-form .gform_wrapper.gravity-theme input[type=text], .unit-form .gform_wrapper.gravity-theme input[type=time], .unit-form .gform_wrapper.gravity-theme input[type=url], .unit-form .gform_wrapper.gravity-theme input[type=week], .unit-form .gform_wrapper.gravity-theme select, .unit-form .gform_wrapper.gravity-theme textarea { font-size: var(--txt-input); line-height: var(--txt-input-lh); font-weight: var(--txt-input-fw); letter-spacing: var(--txt-input-ls); padding: var(--input-padd); border-radius: var(--input-border-r); background-color: var(--input-color-bg); color: var(--input-color); border-bottom: var(--input-border);} .unit-form .gform_wrapper.gravity-theme textarea, .unit-form .gform_wrapper.gravity-theme textarea.large { height: auto !important; min-height: var(--unit-20); padding: var(--unit);} .unit-form .gform_wrapper.gravity-theme select { padding-right: var(--select-padd-r);} .unit-form .gform_wrapper.gravity-theme input[type=number] { min-width: 9rem;} /* Inputs 50% */ .unit-form .gform_wrapper.gravity-theme .ginput_complex { flex-direction: row;} .unit-form .gform_wrapper.gravity-theme .field_sublabel_above .ginput_complex { align-items: stretch;} .unit-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .unit-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) { padding-right: var(--unit);} .unit-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), .unit-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) { padding-right: 0; padding-left: var(--unit);} /* Attach file */ .unit-form .gform_wrapper.gravity-theme input[type=file]::file-selector-button { cursor: pointer; -webkit-appearance: none!important; appearance: none!important; font-size: var(--txt-cta); line-height: var(--txt-cta-lh); font-weight: var(--txt-cta-fw); letter-spacing: var(--txt-cta-ls); border-radius: var(--cta-border-r); height: auto; padding: var(--cta-padd) !important; background: var(--cta-p-color-bg); color: var(--cta-p-color); border: var(--cta-p-border); transition: all .4s var(--bezier);} .unit-form .gform_wrapper.gravity-theme input[type=file]::file-selector-button:hover { background: var(--cta-p-hov-color-bg); color: var(--cta-p-hov-color); border-color: var(--cta-p-hov-border-color);} /* Radio / Checkbox */ .unit-form .gform_wrapper.gravity-theme .gchoice, .unit-form .gform_wrapper.gravity-theme .ginput_container.ginput_container_consent { display: flex; justify-content: flex-start; align-items: center; gap: var(--unit-2);} /* Labels */ .unit-form .gform_wrapper.gravity-theme .gfield_checkbox label, .unit-form .gform_wrapper.gravity-theme .gfield_radio label { color: var(--c-black); font-size: var(--txt-caption); line-height: var(--txt-caption-lh); font-weight: var(--txt-caption-fw); letter-spacing: var(--txt-caption-ls);} .unit-form .gform_wrapper.gravity-theme .gfield_checkbox input:checked + label, .unit-form .gform_wrapper.gravity-theme .gfield_radio input:checked + label { color: var(--c-black);} .unit-form .gform_wrapper.gravity-theme label, .unit-form .gform_wrapper.gravity-theme legend { font-size: var(--txt-caption); line-height: var(--txt-caption-lh); font-weight: var(--txt-caption-fw); letter-spacing: var(--txt-caption-ls);} .unit-form .gform_wrapper.gravity-theme .gfield_label { font-size: var(--txt-caption); line-height: var(--txt-caption-lh); font-weight: var(--txt-caption-fw); letter-spacing: var(--txt-caption-ls); color: var(--c-black);} .unit-form .gform_wrapper.gravity-theme .gfield_header_item, .unit-form .gform_wrapper.gravity-theme .gform_fileupload_rules, .unit-form .gform_wrapper.gravity-theme .ginput_complex label { font-size: var(--txt-caption); line-height: var(--txt-caption-lh); font-weight: var(--txt-caption-fw); letter-spacing: var(--txt-caption-ls); color: var(--c-black); padding: 0; margin: 0;} /* Required */ .unit-form .gform_wrapper.gravity-theme .gfield_required { color: inherit; font-size: var(--txt-caption); line-height: var(--txt-caption-lh); font-weight: var(--txt-caption-fw); letter-spacing: var(--txt-caption-ls);} .unit-form .gform_wrapper.gravity-theme .gfield_required .gfield_required_custom, .unit-form .gform_wrapper.gravity-theme .gfield_required .gfield_required_text { display: none;} /* Description */ .unit-form .gform_wrapper.gravity-theme .description, .unit-form .gform_wrapper.gravity-theme .gfield_description, .unit-form .gform_wrapper.gravity-theme .gsection_description, .unit-form .gform_wrapper.gravity-theme .instruction { font-size: var(--txt-caption); line-height: var(--txt-caption-lh); font-weight: var(--txt-caption-fw); letter-spacing: var(--txt-caption-ls); margin: 0; padding: 0; border: 0; color: var(--c-black);} .unit-form .gform_wrapper.gravity-theme .field_sublabel_above .description, .unit-form .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .unit-form .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description { margin: var(--unit) 0; padding: 0;} .unit-form .gform_wrapper.gravity-theme .field_description_above .description, .unit-form .gform_wrapper.gravity-theme .field_description_above .gfield_description, .unit-form .gform_wrapper.gravity-theme .field_description_above .gsection_description, .unit-form .gform_wrapper.gravity-theme .field_description_above .instruction { margin: var(--unit) 0; padding: 0;} /* txt */ .unit-form .gfield--type-html h1, .unit-form .gfield--type-html h2, .unit-form .gfield--type-html h3, .unit-form .gfield--type-html h4, .unit-form .gfield--type-html h5, .unit-form .gfield--type-html h6 { color: var(--c-black);} .unit-form .gfield--type-html.full-column { max-width: 100%;} /* footer */ .unit-form .gform_wrapper.gravity-theme .gform_footer, .unit-form .gform_wrapper.gravity-theme .gform_page_footer { position: relative; margin: 0; padding: var(--unit-8) 0 0 0; display: flex; flex-direction: column; gap: var(--unit-2); align-items: flex-start;} .unit-form .gform_wrapper.gravity-theme #field_submit input, .unit-form .gform_wrapper.gravity-theme .gform_footer input { align-self: flex-start;} .unit-form .gform_wrapper.gravity-theme .gform_page_footer { flex-direction: row;} .unit-form .gform_wrapper.gravity-theme .gform_page_footer:has(.gform_next_button) { justify-content: flex-end;} .unit-form .gform_wrapper.gravity-theme .gform_page_footer:has(.gform_previous_button) { justify-content: flex-start;} .unit-form .gform_wrapper.gravity-theme .gform_page_footer:has(.gform_previous_button):has(input[type=submit]), .unit-form .gform_wrapper.gravity-theme .gform_page_footer:has(.gform_previous_button):has(.gform_next_button) { justify-content: space-between;} .unit-form .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button, .unit-form .gform_wrapper.gravity-theme .gform_page_footer .gform_next_button { width: auto;} /* Buttons */ .unit-form .gform_wrapper.gravity-theme .gform_footer button+input, .unit-form .gform_wrapper.gravity-theme .gform_footer input+button, .unit-form .gform_wrapper.gravity-theme .gform_footer input+input, .unit-form .gform_wrapper.gravity-theme .gform_page_footer button+input, .unit-form .gform_wrapper.gravity-theme .gform_page_footer input+button, .unit-form .gform_wrapper.gravity-theme .gform_page_footer input+input { margin: 0;} .unit-form .gform_wrapper.gravity-theme .gform_footer button, .unit-form .gform_wrapper.gravity-theme .gform_footer input, .unit-form .gform_wrapper.gravity-theme .gform_page_footer button, .unit-form .gform_wrapper.gravity-theme .gform_page_footer input { margin-bottom: 0;} .unit-form .gform_wrapper.gravity-theme .gform_previous_button.button, .unit-form .gform_wrapper.gravity-theme .gform_save_link.button, .unit-form .gform_wrapper.gravity-theme .gform_page_footer input, .unit-form .gform_wrapper.gravity-theme .gform_drop_area button { -webkit-appearance: none!important; appearance: none!important; font-size: var(--txt-submit); line-height: var(--txt-submit-lh); font-weight: var(--txt-submit-fw); letter-spacing: var(--txt-submit-ls); border-radius: var(--submit-border-r); padding: var(--submit-padd) !important; background: var(--submit-color-bg); color: var(--submit-color); border: var(--submit-border);} .unit-form .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: var(--txt-submit-lh);} .unit-form .gform_wrapper.gravity-theme .gform_save_link.button:hover, .unit-form .gform_wrapper.gravity-theme .gform_page_footer input:hover, .unit-form .gform_wrapper.gravity-theme .gform_drop_area button:hover { background-color: var(--submit-hov-color-bg); color: var(--submit-hov-color); border-color: var(--submit-hov-border-color);} /* Loader */ .unit-form .gform_wrapper.gravity-theme .gform-loader { position: absolute; top: calc(var(--unit-8) + 5em); right: 0; block-size: 10em; inline-size: 10em; border-block-end: 1.1em solid var(--c-black); border-block-start: 1.1em solid var(--c-white); border-inline-end: 1.1em solid var(--c-white); border-inline-start: 1.1em solid var(--c-black);} .unit-form .gform_wrapper.gravity-theme .gform_page_footer .gform-loader { right: -20em;} /* Progressbar */ .unit-form .gform_wrapper.gravity-theme .gf_progressbar_title { color: var(--c-black); font-size: var(--txt-h5); margin: 0 0 var(--unit);} .unit-form .gform_wrapper.gravity-theme .gf_progressbar_blue { background: var(--c-black-200);} .unit-form .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) { border-radius: var(--unit);} .unit-form .gform_wrapper.gravity-theme .gf_progressbar_percentage { border-radius: var(--unit); height: var(--unit-2);} .unit-form .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue { background-color: var(--c-black); color: var(--c-white);} .unit-form .gform_wrapper.gravity-theme .gf_progressbar_percentage span { display: none; } /* Validation & Messages */ .unit-form .gform_wrapper.gravity-theme .validation_message { background: transparent; font-size: var(--txt-h5); line-height: var(--txt-h5-lh); margin-top: var(--unit); margin-bottom: var(--unit); padding: 0; border: 0;} .unit-form .gform_wrapper.gravity-theme .gform_validation_errors { background: transparent; border: none; border-radius: 0; box-shadow: none; margin-bottom: var(--unit-2); margin-top: 0; padding: 0; position: relative; width: 100%; font-size: var(--txt-h6); line-height: var(--txt-h6-lh);} .unit-form .gform_wrapper.gravity-theme .gform_validation_errors:focus { outline: none;} .unit-form .gform_wrapper.gravity-theme .gform_validation_errors>h2 { font-size: var(--txt-h5); line-height: var(--txt-h5-lh);} .unit-form .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] { border: none; border-bottom: .1rem solid var(--c-error);} .unit-form .gform_wrapper.gravity-theme .gfield_error textarea[aria-invalid=true] { border: .1rem solid var(--c-error);} .unit-form .gform_wrapper.gravity-theme .gfield_validation_message, .unit-form .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] { border-color: var(--c-error);} .unit-form .gform_wrapper.gravity-theme .gform_validation_errors>h2, .unit-form .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .unit-form .gform_wrapper.gravity-theme .gfield_error label, .unit-form .gform_wrapper.gravity-theme .gfield_error legend, .unit-form .gform_wrapper.gravity-theme .gfield_validation_message, .unit-form .gform_wrapper.gravity-theme .validation_message, .unit-form .gform_wrapper.gravity-theme [aria-invalid=true]+label, .unit-form .gform_wrapper.gravity-theme label+[aria-invalid=true] { color: var(--c-error);} .unit-form .gform_wrapper.gravity-theme .gform_confirmation_message { color: var(--c-error);} .unit-form .gform_wrapper.gravity-theme .gform_validation_errors>ol li { color: var(--c-error); font-size: var(--txt-h5); line-height: var(--txt-h5-lh); list-style-type: disc!important; margin: 0 0 var(--unit);} .unit-form .gform_wrapper.gravity-theme .gform_validation_errors>ol a { color: var(--c-error); font-size: var(--txt-h5); line-height: var(--txt-h5-lh); text-decoration: none;} .unit-form .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon { display: none;} /* Time */ .unit-form .gform_wrapper.gravity-theme .ginput_container_time { flex-basis: auto; max-width: none; min-width: none;} /* Image Select */ .unit-form .gform_wrapper.gravity-theme .ginput_container_image_choice .gchoice:where(:has(input:checked))::after { background-color: var(--c-black);} /* Confirmation Message*/ .unit-form .gform_confirmation_message { text-align: center; font-size: var(--txt-h5); line-height: var(--txt-h5-lh); font-weight: var(--txt-h5-fw); letter-spacing: var(--txt-h5-ls); color: var(--c-black);} /* 2.2 -- Fancybox */ .fancybox-slide--video { padding: 8rem 0;} .fancybox-is-open { backdrop-filter: blur(2rem);} .fancybox-is-open .fancybox-bg { opacity: .8;} .fancybox-bg { background: var(--c-select);} .fancybox-infobar, .fancybox-caption:after { display: none;} .fancybox-button { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--c-black-200); cursor: pointer; height: var(--unit-10); width: var(--unit-10); padding: var(--unit);} .fancybox-button::after, .fancybox-navigation .fancybox-button::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--unit-5); height: var(--unit-5); padding: 0; background-position: center; background-repeat: no-repeat; background-size: contain;} .fancybox-button.disabled { opacity: .2 !important;} .fancybox-button svg { display: none;} .fancybox-button svg path { stroke: var(--c-black); stroke-width: 2;} .fancybox-button--thumbs, .fancybox-button--zoom { display: none !important;} .fancybox-button--close { position: relative; top: var(--unit-6); right: var(--unit-6);} .fancybox-button--close::after { background-image: var(--icon-b-cross);} @media ( max-width: 1020px ) { .fancybox-button { width: 4rem; height: 4rem;} .fancybox-button--close { top: var(--unit-6); right: var(--unit-6);} } .fancybox-navigation .fancybox-button { height: var(--unit-10); width: var(--unit-10); padding: var(--unit);} .fancybox-navigation .fancybox-button--arrow_left { left: var(--unit-6);} .fancybox-navigation .fancybox-button--arrow_left::after { background-image: var(--icon-b-arrow-l);} .fancybox-navigation .fancybox-button--arrow_right { right: var(--unit-6);} .fancybox-navigation .fancybox-button--arrow_right::after { background-image: var(--icon-b-arrow-r);} @media ( max-width: 1020px ) { .fancybox-navigation .fancybox-button { width: 4rem; height: 4rem;} .fancybox-navigation .fancybox-button--arrow_left { left: var(--unit-6); bottom: var(--unit-6); top: auto;} .fancybox-navigation .fancybox-button--arrow_right { right: var(--unit-6); bottom: var(--unit-6); top: auto;} } .fancybox-image { border-radius: var(--unit-3);} /* The end -- :P */